@charset "UTF-8";
/*-----------------------------------------------------------------------------------

  Theme Name: Personal Portfolio Template by Salman MP
  Author: Salman MP
  Support: hello@salmanmp.me
  Description: Personal Portfolio Template by Salman MP – is a  Constructor HTML5 template that comes with high-quality 3 Pre build Home Pages
   and many built-in awesome inner pages  which are perfect for any creative agencies, designers, digital agencies, freelancers, developers, designers,
    marketing, startup, blog and portfolio.
  Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

  01. VARIBALES CSS START
  02. BASE CSS START
  03. TYPOGRAPHY CSS START
  04. BUTTON CSS START
  05. TITLE CSS START
  06. WIDGET CSS START
  07. ANIMATION CSS START
  08. SCROLL CSS START
  09. LOADING CSS START
  10. MODAL CSS START
  11. HEADER CSS START
  12. HERO CSS START
  13. OFFCANVAS CSS START
  14. BREADCRUMB CSS START
  15. SLIDER CSS START
  16. ABOUT CSS START
  17. SERVICE CSS START
  18. COUNTER CSS START
  19. CASE STUDY CSS START
  20. FAQ CSS START
  21. TESTIMONIAL CSS START
  22. TEAM CSS START
  23. PORTFOLIO CSS START
  24. COMPANY CSS START
  25. FEATURE CSS START
  26. PROGRESS CSS START
  27. WORKFLOW CSS START
  28. STEP CSS START
  29. GALLERY CSS START
  30. BLOG CSS START
  31. CONTACT CSS START
  32. 404 CSS START
  33. FOOTER CSS START
**********************************************/
/*----------------------------------------*/
/*  01. VARIBALES CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,700&family=Prata&display=swap&family=Bentham&display=swap&family=Teko:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Overlock:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Macondo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root {
  --primary: #E8BF96;
  --secondary: #2c2c2c;
  --black: #000;
  --black-2: #1C1D20;
  --black-3: #212125;
  --black-4: #262629;
  --black-5: #27272B;
  --black-6: #333337;
  --black-7: #27292D;
  --black-8: #222227;
  --black-9: #999999;
  --black-10: #272422;
  --black-11: #1D1917;
  --black-12: #343231;
  --black-13: #3C3636;
  --black-14: #39393D;
  --black-15: #141415;
  --black-16: #202C58;
  --white: #fff;
  --white-2: #F9F9F9;
  --white-3: #F3F3F3;
  --white-4: #EFEFEF;
  --white-5: #C1C1C1;
  --white-6: #C9C6DE;
  --white-7: #CDCDCD;
  --white-8: #C7C7D7;
  --white-9: #F5F5F5;
  --white-10: #F0EDEB;
  --white-11: #F0ECE9;
  --white-12: #DDD2CC;
  --white-13: #F6EEEA;
  --white-14: #F4F0ED;
  --white-15: #F3F0E4;
  --white-16: #F2F0E5;
  --white-17: #F8F8FC;
  --white-18: #F6F3F0;
  --white-19: #FBFAF7;
  --gray: #666666;
  --gray-2: #D9D9D9;
  --gray-3: #636376;
  --gray-4: #999999;
  --gray-5: #232327;
  --gray-6: #44454A;
  --gray-7: #63637B;
  --gray-8: #3B3B3F;
  --gray-9: #3F3A36;
  --gray-10: #555555;
  --gray-11: #89827A;
  --gray-12: #756F68;
  --gray-13: #E9E9E9;
  --gray-14: #3F4044;
  --orange: #FD8F77;
  --orange-deep: #EF6C22;
  --orange-light: #BAB0AA;
  --orange-2: #F56C1F;
  --orange-3: #F3A072;
  --blue-light: #52526C;
  --blue-2: #3D3F60;
  --blue-3: #6A6BBF;
  --blue-4: #494B6C;
  --blue-5: #BBBCD2;
  --blue-6: #3F4061;
  --blue-7: #433E5F;
  --blue-8: #393B5A;
  --blue-9: #58597D;
  --yellow: #F4D8BB;
  --yellow-light: #E8E0DB;
  --yellow-2: #C2B7A1;
  --yellow-3: #FFC700;
  --yellow-4: #F59B14;
  --yellow-5: #F2DCA1;
  --purple: #AF89FF;
  --purple-2: #D4BFFF;
  --purple-3: #8181CB;
  --purple-4: #384364;
  --pink: #F8D3D3;
  --pink-2: #FFA98D;
  --pink-3: #F4E5D3;
  --pink-4: #F2EDE1;
  --pink-5: #FFD6B0;
  --pink-6: #E7E2D1;
  --pink-7: #DAD6C6;
  --pink-8: #FDC1B4;
  --pink-9: #F4E6D5;
  --pink-10: #EEE5DC;
  --pink-11: #DCAF82;
  --pink-12: #E4DDD5;
  --pink-13: #F2F1F0;
  --pink-14: #FCF8F5;
  --green: #3C524C;
  --green-2: #668D7F;
  --green-3: #7BD1C4;
  --green-4: #B1E9B9;
  --green-5: #4D605A;
  --green-6: #3F524C;
  --green-7: #89D0C3;
  --green-8: #4C605A;
  --green-9: #A0C1A8;
  --green-10: #81C9BC;
  --green-11:#D2EAF1;
  --blue-1: #0D3570;
  --blue-2: #E2F3FF;
  --red: #F02E27;
}

/*----------------------------------------*/
/*  01. MIXIN CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  01. SPACE CSS START
/*----------------------------------------*/
.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .pb-30 {
    padding-bottom: 25px;
  }
}

.pb-35 {
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .pb-35 {
    padding-bottom: 30px;
  }
}

.pb-40 {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .pb-40 {
    padding-bottom: 30px;
  }
}

.pb-45 {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .pb-45 {
    padding-bottom: 30px;
  }
}

.pb-50 {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .pb-50 {
    padding-bottom: 30px;
  }
}

.pb-55 {
  padding-bottom: 55px;
}
@media only screen and (max-width: 991px) {
  .pb-55 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-55 {
    padding-bottom: 30px;
  }
}

.pb-60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .pb-60 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-60 {
    padding-bottom: 30px;
  }
}

.pb-65 {
  padding-bottom: 65px;
}
@media only screen and (max-width: 991px) {
  .pb-65 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-65 {
    padding-bottom: 30px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .pb-70 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 35px;
  }
}

.pb-75 {
  padding-bottom: 75px;
}
@media only screen and (max-width: 991px) {
  .pb-75 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-75 {
    padding-bottom: 35px;
  }
}

.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .pb-80 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 35px;
  }
}

.pb-85 {
  padding-bottom: 85px;
}
@media only screen and (max-width: 991px) {
  .pb-85 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-85 {
    padding-bottom: 35px;
  }
}

.pb-90 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .pb-90 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-90 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 40px;
  }
}

.pb-95 {
  padding-bottom: 95px;
}
@media only screen and (max-width: 1199px) {
  .pb-95 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-95 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 40px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .pb-100 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}

.pb-105 {
  padding-bottom: 105px;
}
@media only screen and (max-width: 991px) {
  .pb-105 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-105 {
    padding-bottom: 60px;
  }
}

.pb-110 {
  padding-bottom: 110px;
}
@media only screen and (max-width: 1399px) {
  .pb-110 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-110 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-110 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-110 {
    padding-bottom: 60px;
  }
}

.pb-115 {
  padding-bottom: 115px;
}
@media only screen and (max-width: 1399px) {
  .pb-115 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-115 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-115 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-115 {
    padding-bottom: 60px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1399px) {
  .pb-120 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-120 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-120 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}

.pb-125 {
  padding-bottom: 125px;
}
@media only screen and (max-width: 1399px) {
  .pb-125 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-125 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-125 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-125 {
    padding-bottom: 60px;
  }
}

.pb-130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1399px) {
  .pb-130 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-130 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 60px;
  }
}

.pb-135 {
  padding-bottom: 135px;
}
@media only screen and (max-width: 1399px) {
  .pb-135 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-135 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-135 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-135 {
    padding-bottom: 60px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .pb-140 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-140 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-140 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-140 {
    padding-bottom: 60px;
  }
}

.pb-145 {
  padding-bottom: 145px;
}
@media only screen and (max-width: 1399px) {
  .pb-145 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-145 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-145 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-145 {
    padding-bottom: 60px;
  }
}

.pb-150 {
  padding-bottom: 150px;
}
@media only screen and (max-width: 1399px) {
  .pb-150 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-150 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-150 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-150 {
    padding-bottom: 60px;
  }
}

.pb-160 {
  padding-bottom: 160px;
}
@media only screen and (max-width: 1399px) {
  .pb-160 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-160 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-160 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-160 {
    padding-bottom: 60px;
  }
}

.pb-170 {
  padding-bottom: 170px;
}
@media only screen and (max-width: 1399px) {
  .pb-170 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-170 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-170 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-170 {
    padding-bottom: 60px;
  }
}

.pb-180 {
  padding-bottom: 180px;
}
@media only screen and (max-width: 1399px) {
  .pb-180 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-180 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-180 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-180 {
    padding-bottom: 60px;
  }
}

.pb-190 {
  padding-bottom: 190px;
}
@media only screen and (max-width: 1199px) {
  .pb-190 {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-190 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-190 {
    padding-bottom: 100px;
  }
}

.pb-200 {
  padding-bottom: 200px;
}
@media only screen and (max-width: 1199px) {
  .pb-200 {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-200 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-200 {
    padding-bottom: 100px;
  }
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .pt-30 {
    padding-top: 25px;
  }
}

.pt-35 {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .pt-35 {
    padding-top: 30px;
  }
}

.pt-40 {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .pt-40 {
    padding-top: 30px;
  }
}

.pt-45 {
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .pt-45 {
    padding-top: 30px;
  }
}

.pt-50 {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .pt-50 {
    padding-top: 30px;
  }
}

.pt-55 {
  padding-top: 55px;
}
@media only screen and (max-width: 991px) {
  .pt-55 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-55 {
    padding-top: 30px;
  }
}

.pt-60 {
  padding-top: 60px;
}
@media only screen and (max-width: 991px) {
  .pt-60 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-60 {
    padding-top: 30px;
  }
}

.pt-65 {
  padding-top: 65px;
}
@media only screen and (max-width: 991px) {
  .pt-65 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-65 {
    padding-top: 30px;
  }
}

.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 991px) {
  .pt-70 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 35px;
  }
}

.pt-75 {
  padding-top: 75px;
}
@media only screen and (max-width: 991px) {
  .pt-75 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-75 {
    padding-top: 35px;
  }
}

.pt-80 {
  padding-top: 80px;
}
@media only screen and (max-width: 991px) {
  .pt-80 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 35px;
  }
}

.pt-85 {
  padding-top: 85px;
}
@media only screen and (max-width: 991px) {
  .pt-85 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-85 {
    padding-top: 35px;
  }
}

.pt-90 {
  padding-top: 90px;
}
@media only screen and (max-width: 1199px) {
  .pt-90 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-90 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 40px;
  }
}

.pt-95 {
  padding-top: 95px;
}
@media only screen and (max-width: 1199px) {
  .pt-95 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-95 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-95 {
    padding-top: 40px;
  }
}

.pt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 991px) {
  .pt-100 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-100 {
    padding-top: 60px;
  }
}

.pt-105 {
  padding-top: 105px;
}
@media only screen and (max-width: 991px) {
  .pt-105 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-105 {
    padding-top: 60px;
  }
}

.pt-110 {
  padding-top: 110px;
}
@media only screen and (max-width: 1399px) {
  .pt-110 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-110 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-110 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-110 {
    padding-top: 60px;
  }
}

.pt-115 {
  padding-top: 115px;
}
@media only screen and (max-width: 1399px) {
  .pt-115 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-115 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-115 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-115 {
    padding-top: 60px;
  }
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 1399px) {
  .pt-120 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-120 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-120 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 60px;
  }
}

.pt-125 {
  padding-top: 125px;
}
@media only screen and (max-width: 1399px) {
  .pt-125 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-125 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-125 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-125 {
    padding-top: 60px;
  }
}

.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .pt-130 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-130 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-130 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}

.pt-135 {
  padding-top: 135px;
}
@media only screen and (max-width: 1399px) {
  .pt-135 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-135 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-135 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-135 {
    padding-top: 60px;
  }
}

.pt-140 {
  padding-top: 140px;
}
@media only screen and (max-width: 1399px) {
  .pt-140 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-140 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-140 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-140 {
    padding-top: 60px;
  }
}

.pt-145 {
  padding-top: 145px;
}
@media only screen and (max-width: 1399px) {
  .pt-145 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-145 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-145 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-145 {
    padding-top: 60px;
  }
}

.pt-150 {
  padding-top: 150px;
}
@media only screen and (max-width: 1399px) {
  .pt-150 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-150 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-150 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-150 {
    padding-top: 60px;
  }
}

.pt-160 {
  padding-top: 160px;
}
@media only screen and (max-width: 1399px) {
  .pt-160 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-160 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-160 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-160 {
    padding-top: 60px;
  }
}

.pt-170 {
  padding-top: 170px;
}
@media only screen and (max-width: 1399px) {
  .pt-170 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-170 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-170 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-170 {
    padding-top: 60px;
  }
}

.pt-180 {
  padding-top: 180px;
}
@media only screen and (max-width: 1399px) {
  .pt-180 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-180 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-180 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 60px;
  }
}

.pt-190 {
  padding-top: 190px;
}
@media only screen and (max-width: 1199px) {
  .pt-190 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-190 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-190 {
    padding-top: 100px;
  }
}

.pt-200 {
  padding-top: 200px;
}
@media only screen and (max-width: 1199px) {
  .pt-200 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-200 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-200 {
    padding-top: 100px;
  }
}

.pt-210 {
  padding-top: 210px;
}
@media only screen and (max-width: 1919px) {
  .pt-210 {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-210 {
    padding-top: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-210 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-210 {
    padding-top: 130px;
  }
}

.pt-230 {
  padding-top: 230px;
}
@media only screen and (max-width: 1919px) {
  .pt-230 {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-230 {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-230 {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-230 {
    padding-top: 150px;
  }
}

.pt-250 {
  padding-top: 250px;
}
@media only screen and (max-width: 1919px) {
  .pt-250 {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-250 {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-250 {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-250 {
    padding-top: 160px;
  }
}

.pl-5 {
  padding-inline-start: 5px;
}
@media only screen and (max-width: 767px) {
  .pl-5 {
    padding-inline-start: 0;
  }
}

.pl-10 {
  padding-inline-start: 10px;
}
@media only screen and (max-width: 767px) {
  .pl-10 {
    padding-inline-start: 0;
  }
}

.pl-15 {
  padding-inline-start: 15px;
}
@media only screen and (max-width: 767px) {
  .pl-15 {
    padding-inline-start: 0;
  }
}

.pl-20 {
  padding-inline-start: 20px;
}
@media only screen and (max-width: 991px) {
  .pl-20 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-20 {
    padding-inline-start: 0;
  }
}

.pl-25 {
  padding-inline-start: 25px;
}
@media only screen and (max-width: 1199px) {
  .pl-25 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-25 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-25 {
    padding-inline-start: 0;
  }
}

.pl-30 {
  padding-inline-start: 30px;
}
@media only screen and (max-width: 1199px) {
  .pl-30 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-30 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-30 {
    padding-inline-start: 0;
  }
}

.pl-35 {
  padding-inline-start: 35px;
}
@media only screen and (max-width: 1399px) {
  .pl-35 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-35 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-35 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-35 {
    padding-inline-start: 0;
  }
}

.pl-40 {
  padding-inline-start: 40px;
}
@media only screen and (max-width: 1399px) {
  .pl-40 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-40 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-40 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-40 {
    padding-inline-start: 0;
  }
}

.pl-45 {
  padding-inline-start: 45px;
}
@media only screen and (max-width: 1919px) {
  .pl-45 {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-45 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-45 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-45 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-45 {
    padding-inline-start: 0;
  }
}

.pl-50 {
  padding-inline-start: 50px;
}
@media only screen and (max-width: 1919px) {
  .pl-50 {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-50 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-50 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-50 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-50 {
    padding-inline-start: 0;
  }
}

.pl-55 {
  padding-inline-start: 55px;
}
@media only screen and (max-width: 1919px) {
  .pl-55 {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-55 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-55 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-55 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-55 {
    padding-inline-start: 0;
  }
}

.pl-60 {
  padding-inline-start: 60px;
}
@media only screen and (max-width: 1919px) {
  .pl-60 {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-60 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-60 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-60 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-60 {
    padding-inline-start: 0;
  }
}

.pl-65 {
  padding-inline-start: 65px;
}
@media only screen and (max-width: 1919px) {
  .pl-65 {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-65 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-65 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-65 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-65 {
    padding-inline-start: 0;
  }
}

.pl-70 {
  padding-inline-start: 70px;
}
@media only screen and (max-width: 1919px) {
  .pl-70 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-70 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-70 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-70 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-70 {
    padding-inline-start: 0;
  }
}

.pl-75 {
  padding-inline-start: 75px;
}
@media only screen and (max-width: 1919px) {
  .pl-75 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-75 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-75 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-75 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-75 {
    padding-inline-start: 0;
  }
}

.pl-80 {
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1919px) {
  .pl-80 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-80 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-80 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-80 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-80 {
    padding-inline-start: 0;
  }
}

.pl-85 {
  padding-inline-start: 85px;
}
@media only screen and (max-width: 1919px) {
  .pl-85 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-85 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-85 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-85 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-85 {
    padding-inline-start: 0;
  }
}

.pl-90 {
  padding-inline-start: 90px;
}
@media only screen and (max-width: 1919px) {
  .pl-90 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-90 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-90 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-90 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-90 {
    padding-inline-start: 0;
  }
}

.pl-100 {
  padding-inline-start: 100px;
}
@media only screen and (max-width: 1919px) {
  .pl-100 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pl-100 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pl-100 {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .pl-100 {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pl-100 {
    padding-inline-start: 0;
  }
}

.plr-50 {
  padding-inline-start: 50px;
  padding-inline-end: 50px;
}
@media only screen and (max-width: 991px) {
  .plr-50 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-50 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.plr-100 {
  padding-inline-start: 100px;
  padding-inline-end: 100px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .plr-100 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 1919px) {
  .plr-100 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-100 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.plr-150 {
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .plr-150 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 1919px) {
  .plr-150 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-150 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.plr-200 {
  padding-inline-start: 200px;
  padding-inline-end: 200px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .plr-200 {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .plr-200 {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .plr-200 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-200 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.plr-250 {
  padding-inline-start: 250px;
  padding-inline-end: 250px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .plr-250 {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .plr-250 {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .plr-250 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-250 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .mt-30 {
    margin-top: 25px;
  }
}

.mt-35 {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .mt-35 {
    margin-top: 30px;
  }
}

.mt-40 {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .mt-40 {
    margin-top: 30px;
  }
}

.mt-45 {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .mt-45 {
    margin-top: 30px;
  }
}

.mt-50 {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .mt-50 {
    margin-top: 30px;
  }
}

.mt-55 {
  margin-top: 55px;
}
@media only screen and (max-width: 991px) {
  .mt-55 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-55 {
    margin-top: 30px;
  }
}

.mt-60 {
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .mt-60 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-60 {
    margin-top: 30px;
  }
}

.mt-65 {
  margin-top: 65px;
}
@media only screen and (max-width: 991px) {
  .mt-65 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-65 {
    margin-top: 30px;
  }
}

.mt-70 {
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .mt-70 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-70 {
    margin-top: 35px;
  }
}

.mt-75 {
  margin-top: 75px;
}
@media only screen and (max-width: 991px) {
  .mt-75 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-75 {
    margin-top: 35px;
  }
}

.mt-80 {
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .mt-80 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-80 {
    margin-top: 35px;
  }
}

.mt-85 {
  margin-top: 85px;
}
@media only screen and (max-width: 991px) {
  .mt-85 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-85 {
    margin-top: 35px;
  }
}

.mt-90 {
  margin-top: 90px;
}
@media only screen and (max-width: 1199px) {
  .mt-90 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-90 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-90 {
    margin-top: 40px;
  }
}

.mt-95 {
  margin-top: 95px;
}
@media only screen and (max-width: 1199px) {
  .mt-95 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-95 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-95 {
    margin-top: 40px;
  }
}

.mt-100 {
  margin-top: 100px;
}
@media only screen and (max-width: 991px) {
  .mt-100 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-100 {
    margin-top: 60px;
  }
}

.mt-105 {
  margin-top: 105px;
}
@media only screen and (max-width: 991px) {
  .mt-105 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-105 {
    margin-top: 60px;
  }
}

.mt-110 {
  margin-top: 110px;
}
@media only screen and (max-width: 1199px) {
  .mt-110 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-110 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-110 {
    margin-top: 60px;
  }
}

.mt-115 {
  margin-top: 115px;
}
@media only screen and (max-width: 1199px) {
  .mt-115 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-115 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-115 {
    margin-top: 60px;
  }
}

.mt-120 {
  margin-top: 120px;
}
@media only screen and (max-width: 1199px) {
  .mt-120 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-120 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-120 {
    margin-top: 60px;
  }
}

.mt-125 {
  margin-top: 125px;
}
@media only screen and (max-width: 1199px) {
  .mt-125 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-125 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-125 {
    margin-top: 60px;
  }
}

.mt-130 {
  margin-top: 130px;
}
@media only screen and (max-width: 1199px) {
  .mt-130 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-130 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-130 {
    margin-top: 60px;
  }
}

.mt-135 {
  margin-top: 135px;
}
@media only screen and (max-width: 1199px) {
  .mt-135 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-135 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-135 {
    margin-top: 60px;
  }
}

.mt-140 {
  margin-top: 140px;
}
@media only screen and (max-width: 1199px) {
  .mt-140 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-140 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-140 {
    margin-top: 60px;
  }
}

.mt-145 {
  margin-top: 145px;
}
@media only screen and (max-width: 1199px) {
  .mt-145 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-145 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-145 {
    margin-top: 60px;
  }
}

.mt-150 {
  margin-top: 150px;
}
@media only screen and (max-width: 1199px) {
  .mt-150 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-150 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-150 {
    margin-top: 60px;
  }
}

.mt-160 {
  margin-top: 160px;
}
@media only screen and (max-width: 1199px) {
  .mt-160 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-160 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-160 {
    margin-top: 60px;
  }
}

.mt-170 {
  margin-top: 170px;
}
@media only screen and (max-width: 1199px) {
  .mt-170 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-170 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-170 {
    margin-top: 60px;
  }
}

.mt-180 {
  margin-top: 180px;
}
@media only screen and (max-width: 1199px) {
  .mt-180 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-180 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-180 {
    margin-top: 60px;
  }
}

.mt-190 {
  margin-top: 190px;
}
@media only screen and (max-width: 1199px) {
  .mt-190 {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-190 {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-190 {
    margin-top: 100px;
  }
}

.mt-200 {
  margin-top: 200px;
}
@media only screen and (max-width: 1199px) {
  .mt-200 {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-200 {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .mt-200 {
    margin-top: 100px;
  }
}

.mlr-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .mb-30 {
    margin-bottom: 25px;
  }
}

.mb-35 {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .mb-35 {
    margin-bottom: 30px;
  }
}

.mb-40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .mb-40 {
    margin-bottom: 30px;
  }
}

.mb-45 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .mb-45 {
    margin-bottom: 30px;
  }
}

.mb-50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .mb-50 {
    margin-bottom: 30px;
  }
}

.mb-55 {
  margin-bottom: 55px;
}
@media only screen and (max-width: 991px) {
  .mb-55 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-55 {
    margin-bottom: 30px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .mb-60 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-60 {
    margin-bottom: 30px;
  }
}

.mb-65 {
  margin-bottom: 65px;
}
@media only screen and (max-width: 991px) {
  .mb-65 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-65 {
    margin-bottom: 30px;
  }
}

.mb-70 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .mb-70 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-70 {
    margin-bottom: 35px;
  }
}

.mb-75 {
  margin-bottom: 75px;
}
@media only screen and (max-width: 991px) {
  .mb-75 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-75 {
    margin-bottom: 35px;
  }
}

.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .mb-80 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-80 {
    margin-bottom: 35px;
  }
}

.mb-85 {
  margin-bottom: 85px;
}
@media only screen and (max-width: 991px) {
  .mb-85 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-85 {
    margin-bottom: 35px;
  }
}

.mb-90 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .mb-90 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-90 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-90 {
    margin-bottom: 40px;
  }
}

.mb-95 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 1199px) {
  .mb-95 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-95 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-95 {
    margin-bottom: 40px;
  }
}

.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .mb-100 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-100 {
    margin-bottom: 60px;
  }
}

.mb-105 {
  margin-bottom: 105px;
}
@media only screen and (max-width: 991px) {
  .mb-105 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-105 {
    margin-bottom: 60px;
  }
}

.mb-110 {
  margin-bottom: 110px;
}
@media only screen and (max-width: 1199px) {
  .mb-110 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-110 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-110 {
    margin-bottom: 60px;
  }
}

.mb-115 {
  margin-bottom: 115px;
}
@media only screen and (max-width: 1199px) {
  .mb-115 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-115 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-115 {
    margin-bottom: 60px;
  }
}

.mb-120 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .mb-120 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-120 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-120 {
    margin-bottom: 60px;
  }
}

.mb-125 {
  margin-bottom: 125px;
}
@media only screen and (max-width: 1199px) {
  .mb-125 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-125 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-125 {
    margin-bottom: 60px;
  }
}

.mb-130 {
  margin-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .mb-130 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-130 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-130 {
    margin-bottom: 60px;
  }
}

.mb-135 {
  margin-bottom: 135px;
}
@media only screen and (max-width: 1199px) {
  .mb-135 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-135 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-135 {
    margin-bottom: 60px;
  }
}

.mb-140 {
  margin-bottom: 140px;
}
@media only screen and (max-width: 1199px) {
  .mb-140 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-140 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-140 {
    margin-bottom: 60px;
  }
}

.mb-145 {
  margin-bottom: 145px;
}
@media only screen and (max-width: 1199px) {
  .mb-145 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-145 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-145 {
    margin-bottom: 60px;
  }
}

.mb-150 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .mb-150 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-150 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-150 {
    margin-bottom: 60px;
  }
}

.mb-160 {
  margin-bottom: 160px;
}
@media only screen and (max-width: 1199px) {
  .mb-160 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-160 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-160 {
    margin-bottom: 60px;
  }
}

.mb-170 {
  margin-bottom: 170px;
}
@media only screen and (max-width: 1199px) {
  .mb-170 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-170 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-170 {
    margin-bottom: 60px;
  }
}

.mb-180 {
  margin-bottom: 180px;
}
@media only screen and (max-width: 1199px) {
  .mb-180 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-180 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-180 {
    margin-bottom: 60px;
  }
}

.mb-190 {
  margin-bottom: 190px;
}
@media only screen and (max-width: 1199px) {
  .mb-190 {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-190 {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-190 {
    margin-bottom: 100px;
  }
}

.mb-200 {
  margin-bottom: 200px;
}
@media only screen and (max-width: 1199px) {
  .mb-200 {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .mb-200 {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-200 {
    margin-bottom: 100px;
  }
}

.ml-5 {
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .ml-5 {
    margin-left: 0;
  }
}

.ml-10 {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .ml-10 {
    margin-left: 0;
  }
}

.ml-15 {
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .ml-15 {
    margin-left: 0;
  }
}

.ml-20 {
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .ml-20 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-20 {
    margin-left: 0;
  }
}

.ml-25 {
  margin-left: 25px;
}
@media only screen and (max-width: 1199px) {
  .ml-25 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-25 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-25 {
    margin-left: 0;
  }
}

.ml-30 {
  margin-left: 30px;
}
@media only screen and (max-width: 1199px) {
  .ml-30 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-30 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-30 {
    margin-left: 0;
  }
}

.ml-35 {
  margin-left: 35px;
}
@media only screen and (max-width: 1399px) {
  .ml-35 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-35 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-35 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-35 {
    margin-left: 0;
  }
}

.ml-40 {
  margin-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .ml-40 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-40 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-40 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-40 {
    margin-left: 0;
  }
}

.ml-45 {
  margin-left: 45px;
}
@media only screen and (max-width: 1919px) {
  .ml-45 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-45 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-45 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-45 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-45 {
    margin-left: 0;
  }
}

.ml-50 {
  margin-left: 50px;
}
@media only screen and (max-width: 1919px) {
  .ml-50 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-50 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-50 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-50 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-50 {
    margin-left: 0;
  }
}

.ml-55 {
  margin-left: 55px;
}
@media only screen and (max-width: 1919px) {
  .ml-55 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-55 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-55 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-55 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-55 {
    margin-left: 0;
  }
}

.ml-60 {
  margin-left: 60px;
}
@media only screen and (max-width: 1919px) {
  .ml-60 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-60 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-60 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-60 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-60 {
    margin-left: 0;
  }
}

.ml-65 {
  margin-left: 65px;
}
@media only screen and (max-width: 1919px) {
  .ml-65 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-65 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-65 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-65 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-65 {
    margin-left: 0;
  }
}

.ml-70 {
  margin-left: 70px;
}
@media only screen and (max-width: 1919px) {
  .ml-70 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-70 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-70 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-70 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-70 {
    margin-left: 0;
  }
}

.ml-75 {
  margin-left: 75px;
}
@media only screen and (max-width: 1919px) {
  .ml-75 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-75 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-75 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-75 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-75 {
    margin-left: 0;
  }
}

.ml-80 {
  margin-left: 80px;
}
@media only screen and (max-width: 1919px) {
  .ml-80 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-80 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-80 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-80 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-80 {
    margin-left: 0;
  }
}

.ml-85 {
  margin-left: 85px;
}
@media only screen and (max-width: 1919px) {
  .ml-85 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-85 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-85 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-85 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-85 {
    margin-left: 0;
  }
}

.ml-90 {
  margin-left: 90px;
}
@media only screen and (max-width: 1919px) {
  .ml-90 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-90 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-90 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-90 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-90 {
    margin-left: 0;
  }
}

.ml-100 {
  margin-left: 100px;
}
@media only screen and (max-width: 1919px) {
  .ml-100 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .ml-100 {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .ml-100 {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ml-100 {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ml-100 {
    margin-left: 0;
  }
}

.ptf-70 {
  padding-top: 70px;
}

.ptf-80 {
  padding-top: 80px;
}

@media only screen and (max-width: 767px) {
  .sm-pb-30 {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sm-pb-40 {
    padding-bottom: 40px;
  }
}

.mbm-1 {
  margin-bottom: -1px;
}

/*----------------------------------------*/
/*  01. TYPOGRAPHY CSS START
/*----------------------------------------*/
@font-face {
  font-family: euclid_Circular_B;
  src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: euclid_Circular_B;
  src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: euclid_Circular_B;
  src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: euclid_Circular_B;
  src: url("../fonts/euclid-circular-b/Euclid-Circular-B-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: euclid_Circular_B;
  src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: Estedad;
  src: url("../fonts/estedad/Estedad-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: Estedad;
  src: url("../fonts/estedad/Estedad-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: Estedad;
  src: url("../fonts/estedad/Estedad-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: newYork;
  src: url("../fonts/newyork/FontsFree-Net-NewYork.ttf");
  font-weight: 400;
}
@font-face {
  font-family: gallient;
  src: url("../fonts/gallient/GallientRegular-eZoMp.ttf");
  font-weight: 400;
}
@font-face {
  font-family: RomanStory;
  src: url("../fonts/roman/Romans-Story.ttf");
  font-weight: 400;
}
@font-face {
  font-family: ClashDisplay;
  src: url("../fonts/ClashDisplay/ClashDisplay-Light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: ClashDisplay;
  src: url("../fonts/ClashDisplay/ClashDisplay-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: ClashDisplay;
  src: url("../fonts/ClashDisplay/ClashDisplay-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: ClashDisplay;
  src: url("../fonts/ClashDisplay/ClashDisplay-Semibold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: ClashDisplay;
  src: url("../fonts/ClashDisplay/ClashDisplay-Bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: Glorify DEMO;
  src: url("../fonts/glorify/Glorifydemo-BW3J3.otf");
  font-weight: 400;
}
@font-face {
  font-family: Canela;
  src: url("../fonts/canela/Canela-Regular-Trial.otf");
  font-weight: 400;
}
@font-face {
  font-family: Canela;
  src: url("../fonts/canela/Canela-Medium-Trial.otf");
  font-weight: 500;
}
@font-face {
  font-family: Graphik;
  src: url("../fonts/graphik/GraphikBold.otf");
  font-weight: 700;
}
@font-face {
  font-family: Graphik;
  src: url("../fonts/graphik/GraphikMedium.otf");
  font-weight: 500;
}
@font-face {
  font-family: Graphik;
  src: url("../fonts/graphik/GraphikRegular.otf");
  font-weight: 400;
}
@font-face {
  font-family: Graphik;
  src: url("../fonts/graphik/GraphikSemibold.otf");
  font-weight: 600;
}
@font-face {
  font-family: tropline;
  src: url("../fonts/tropline/Tropiline-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: tropline;
  src: url("../fonts/tropline/Tropiline-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: tropline;
  src: url("../fonts/tropline/Tropiline-Bold.ttf");
  font-weight: 700;
}
:root {
  --font_primary: "euclid_Circular_B";
  --font_estedad: "Estedad";
  --font_newyork: "newYork";
  --font_gallient: "gallient";
  --font_lora: "Lora", serif;
  --font_prata: "Prata", serif;
  --font_bentham: "Bentham", serif;
  --font_romanstory: "RomanStory", serif;
  --font_clashDisplay: "ClashDisplay";
  --font_glorifydemo: "Glorify DEMO";
  --font_canela: "Canela";
  --font_graphik: "Graphik";
  --font_tropline: "tropline";
  --font_kanit: "Kanit", sans-serif;
  --font_macondo: "Macondo", cursive;
  --font_teko: "Teko", sans-serif;
  --font_jakarta: "Plus Jakarta Sans", sans-serif;
  --font_kumbh: "Kumbh Sans", sans-serif;
  --font_overlock: "Overlock", cursive;
  --font_manrope: "Manrope", sans-serif;
  --font_awesome: "Font Awesome 6 Free";
}

.font-body-euclid {
  font-family: "euclid_Circular_B";
}
.font-body-estedad {
  font-family: "Estedad";
}
.font-body-newyork {
  font-family: "newYork";
}
.font-body-gallient {
  font-family: "gallient";
}
.font-body-lora {
  font-family: "Lora", serif;
}
.font-body-prata {
  font-family: "Prata", serif;
}
.font-body-bentham {
  font-family: "Bentham", serif;
}
.font-body-romanstory {
  font-family: "RomanStory", serif;
}
.font-body-clashDisplay {
  font-family: "ClashDisplay";
}
.font-body-glorifydemo {
  font-family: "Glorify DEMO";
}
.font-body-canela {
  font-family: "Canela";
}
.font-body-graphik {
  font-family: "Graphik";
}
.font-body-kanit {
  font-family: "Kanit", sans-serif;
}
.font-body-macondo {
  font-family: "Macondo", cursive;
}
.font-body-teko {
  font-family: "Teko", sans-serif;
}
.font-body-jakarta {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.font-body-kumbh {
  font-family: "Kumbh Sans", sans-serif;
}
.font-body-overlock {
  font-family: "Overlock", cursive;
}
.font-body-manrope {
  font-family: "Manrope", sans-serif;
}
.font-body-tropline {
  font-family: "tropline";
}
.font-heading-euclid h1,
.font-heading-euclid h2,
.font-heading-euclid h3,
.font-heading-euclid h4,
.font-heading-euclid h5,
.font-heading-euclid h6 {
  font-family: "euclid_Circular_B";
}
.font-heading-estedad h1,
.font-heading-estedad h2,
.font-heading-estedad h3,
.font-heading-estedad h4,
.font-heading-estedad h5,
.font-heading-estedad h6 {
  font-family: "Estedad";
}
.font-heading-estedad .nav-menu li a {
  font-family: "Estedad";
}
.font-heading-newyork h1,
.font-heading-newyork h2,
.font-heading-newyork h3,
.font-heading-newyork h4,
.font-heading-newyork h5,
.font-heading-newyork h6 {
  font-family: "newYork";
}
.font-heading-newyork .nav-menu li a {
  font-family: "newYork";
}
.font-heading-gallient h1,
.font-heading-gallient h2,
.font-heading-gallient h3,
.font-heading-gallient h4,
.font-heading-gallient h5,
.font-heading-gallient h6 {
  font-family: "gallient";
}
.font-heading-lora h1,
.font-heading-lora h2,
.font-heading-lora h3,
.font-heading-lora h4,
.font-heading-lora h5,
.font-heading-lora h6 {
  font-family: "Lora", serif;
}
.font-heading-prata h1,
.font-heading-prata h2,
.font-heading-prata h3,
.font-heading-prata h4,
.font-heading-prata h5,
.font-heading-prata h6 {
  font-family: "Prata", serif;
}
.font-heading-bentham h1,
.font-heading-bentham h2,
.font-heading-bentham h3,
.font-heading-bentham h4,
.font-heading-bentham h5,
.font-heading-bentham h6 {
  font-family: "Bentham", serif;
}
.font-heading-romanstory h1,
.font-heading-romanstory h2,
.font-heading-romanstory h3,
.font-heading-romanstory h4,
.font-heading-romanstory h5,
.font-heading-romanstory h6 {
  font-family: "RomanStory", serif;
}
.font-heading-clashDisplay h1,
.font-heading-clashDisplay h2,
.font-heading-clashDisplay h3,
.font-heading-clashDisplay h4,
.font-heading-clashDisplay h5,
.font-heading-clashDisplay h6 {
  font-family: "ClashDisplay";
}
.font-heading-glorifydemo h1,
.font-heading-glorifydemo h2,
.font-heading-glorifydemo h3,
.font-heading-glorifydemo h4,
.font-heading-glorifydemo h5,
.font-heading-glorifydemo h6 {
  font-family: "Glorify DEMO";
}
.font-heading-canela h1,
.font-heading-canela h2,
.font-heading-canela h3,
.font-heading-canela h4,
.font-heading-canela h5,
.font-heading-canela h6 {
  font-family: "Canela";
}
.font-heading-graphik h1,
.font-heading-graphik h2,
.font-heading-graphik h3,
.font-heading-graphik h4,
.font-heading-graphik h5,
.font-heading-graphik h6 {
  font-family: "Graphik";
}
.font-heading-kanit h1,
.font-heading-kanit h2,
.font-heading-kanit h3,
.font-heading-kanit h4,
.font-heading-kanit h5,
.font-heading-kanit h6 {
  font-family: "Kanit", sans-serif;
}
.font-heading-teko h1,
.font-heading-teko h2,
.font-heading-teko h3,
.font-heading-teko h4,
.font-heading-teko h5,
.font-heading-teko h6 {
  font-family: "Teko", sans-serif;
}
.font-heading-jakarta h1,
.font-heading-jakarta h2,
.font-heading-jakarta h3,
.font-heading-jakarta h4,
.font-heading-jakarta h5,
.font-heading-jakarta h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.font-heading-kumbh h1,
.font-heading-kumbh h2,
.font-heading-kumbh h3,
.font-heading-kumbh h4,
.font-heading-kumbh h5,
.font-heading-kumbh h6 {
  font-family: "Kumbh Sans", sans-serif;
}
.font-heading-overlock h1,
.font-heading-overlock h2,
.font-heading-overlock h3,
.font-heading-overlock h4,
.font-heading-overlock h5,
.font-heading-overlock h6 {
  font-family: "Overlock", cursive;
}
.font-heading-manrope h1,
.font-heading-manrope h2,
.font-heading-manrope h3,
.font-heading-manrope h4,
.font-heading-manrope h5,
.font-heading-manrope h6 {
  font-family: "Manrope", sans-serif;
}
.font-heading-tropline h1,
.font-heading-tropline h2,
.font-heading-tropline h3,
.font-heading-tropline h4,
.font-heading-tropline h5,
.font-heading-tropline h6 {
  font-family: "tropline";
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "euclid_Circular_B";
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  color: var(--white);
}
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6 {
  color: var(--black-2);
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: inherit;
}

button {
  background-color: transparent;
  border: 0;
}

p {
  padding: 0;
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  color: var(--gray-4);
}
.light p {
  color: var(--gray);
}

strong {
  font-weight: 500;
}

video,
iframe,
img {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .g-0 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row.g-0 {
    padding-right: 0;
    padding-left: 0;
  }
  br {
    display: none;
  }
}
main {
  display: inline-block;
  width: 100%;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

/*----------------------------------------*/
/*  01. ANIMATION CSS START
/*----------------------------------------*/
.cf_parallax_image {
  overflow: hidden;
}

@keyframes wcBubble {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom_2 {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.9;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcSlideBottom {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes wcfadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes sheen {
  50% {
    transform: translateY(-20px);
    color: var(--primary);
  }
}
/*----------------------------------------*/
/*  01. Global CSS START
/*----------------------------------------*/
.wc-color-white {
  color: var(--white) !important;
}
.light .wc-color-white {
  color: var(--black-2) !important;
}

.wc-color-dark {
  color: var(--black-2) !important;
}

.body-overlay {
  position: fixed;
  z-index: 9;
  pointer-events: none;
  top: 0;
  opacity: 1;
  inset-inline-start: 0;
  width: 100vw;
  height: 100vh;
  background-repeat: repeat;
  background-position: top left;
  background-image: url(../imgs/writer/body-bg.png);
}

.sidebar-left {
  padding-inline-start: 315px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-left {
    padding-inline-start: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-left {
    padding-inline-start: 0;
  }
}
.sidebar-left .container {
  max-width: 1170px;
}
@media only screen and (max-width: 1399px) {
  .sidebar-left .container {
    max-width: 1140px;
  }
}
@media only screen and (max-width: 1199px) {
  .sidebar-left .container {
    max-width: 700px;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-left .container {
    max-width: 720px;
  }
}

.bg-6 {
  background-color: var(--black-10);
}

.icon-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--black-7);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.menu-icon, .menu-icon-2 {
  width: 30px;
  height: 20px;
  position: relative;
  margin-top: 5px;
  display: inline-block;
}
.menu-icon::before, .menu-icon-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 0;
  inset-inline-start: 0;
  background: var(--white);
  transition: all 0.3s;
}
.menu-icon::after, .menu-icon-2::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  inset-inline-start: 0;
  background: var(--white);
  transition: all 0.3s;
}
.menu-icon span, .menu-icon-2 span {
  position: absolute;
  content: "";
  width: 18px;
  height: 1px;
  top: 50%;
  inset-inline-end: 0;
  transition: all 0.3s;
  background-color: var(--white);
}
.menu-icon:hover::after, .menu-icon-2:hover::after, .menu-icon:hover::before, .menu-icon-2:hover::before,
.menu-icon:hover span,
.menu-icon-2:hover span {
  background-color: var(--primary);
}
.menu-icon-2 {
  width: 24px;
  height: 18px;
}
.menu-icon-2 span {
  width: 15px;
  inset-inline-end: unset;
  inset-inline-start: 0;
}

.cart {
  color: var(--white);
  display: inline-block;
  margin-inline-end: 40px;
  position: relative;
  transition: all 0.3s;
}
.cart.content-dark img {
  filter: brightness(1);
}
.cart:hover {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .cart {
    display: none;
  }
}
.cart img {
  filter: brightness(10);
}
.light .cart img {
  filter: brightness(1);
}
.cart .busket {
  position: absolute;
  top: 0;
  inset-inline-end: -9px;
  z-index: 2;
}

.busket {
  color: var(--black-2);
  height: 16px;
  width: 16px;
  background: var(--primary);
  border-radius: 50px;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}

.offcanvas-nav.content-dark img {
  filter: brightness(1);
}
.offcanvas-nav img {
  filter: brightness(10);
}
.light .offcanvas-nav img {
  filter: brightness(1);
}

.double-border {
  position: relative;
}
.double-border::before, .double-border::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  background-color: #F0ECE9;
}
.double-border::after {
  bottom: 3px;
}

.border-btm {
  z-index: 5;
  position: relative;
  border-bottom: 1px solid var(--blue-4);
}
.light .border-btm {
  border-color: var(--pink-12);
}

.pos-abs {
  position: absolute !important;
  width: 100%;
  height: auto;
  inset-inline-start: 0;
  top: 0;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: var(--blue-9);
}
.separator-2 {
  width: 100%;
  height: 1px;
  position: relative;
  background-color: var(--gray-9);
}
.light .separator-2 {
  background-color: var(--white-3);
}
.separator-3 {
  width: 100%;
  height: 1px;
  background-color: var(--black-6);
}
.separator-4 {
  width: 350px;
  height: 1px;
  display: inline-block;
  background: var(--white-14);
}
@media only screen and (max-width: 991px) {
  .separator-4 {
    width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .separator-4 {
    width: 200px;
  }
}

.typed_title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  color: var(--primary);
  text-transform: uppercase;
  font-family: "Estedad";
}
@media only screen and (max-width: 767px) {
  .typed_title {
    font-size: 24px;
  }
}

.follow_on_social {
  padding: 10px 20px;
  border-left: 1px solid var(--black-6);
}
@media only screen and (max-width: 767px) {
  .follow_on_social {
    padding: 7px 12px;
  }
}
.follow_on_social .follow-me {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-4);
  padding-bottom: 20px;
  text-transform: uppercase;
}
.follow_on_social li {
  display: inline-block;
}
.follow_on_social li a {
  display: block;
  color: var(--black-9);
  font-size: 20px;
  padding-right: 15px;
  transition: all 0.3s;
}
.follow_on_social li a:hover {
  color: var(--primary);
}
.follow_on_social_ml {
  margin-inline-start: 90px;
}
@media only screen and (max-width: 991px) {
  .follow_on_social_ml {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .follow_on_social_ml {
    margin-inline-start: 0;
  }
}
.follow_on_social-2 p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--black-9);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}
.follow_on_social-2 p::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: -4px;
  background-color: var(--white);
}
.follow_on_social-2 p a {
  color: var(--white);
  display: inline-block;
  transition: all 0.3s;
}
.follow_on_social-2 p a:hover {
  color: var(--black-9);
}

.work_experience .experience {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .work_experience .experience {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.work_experience .experience span {
  display: block;
  font-weight: 400;
  font-size: 80px;
  line-height: 1;
  padding-bottom: 12px;
}
.work_experience-2 .experience {
  font-weight: 400;
  font-size: 600px;
  line-height: 0.95;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1399px) {
  .work_experience-2 .experience {
    font-size: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .work_experience-2 .experience {
    font-size: 150px;
  }
}
.work_experience-2 .experience span {
  font-weight: 300;
  font-size: 100px;
  line-height: 1;
}
.work_experience-2 .experience-title {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .work_experience-2 .experience-title {
    font-size: 36px;
  }
}
.work_experience-2 .experience-title span {
  display: block;
  font-weight: 500;
  font-size: 130px;
}
@media only screen and (max-width: 767px) {
  .work_experience-2 .experience-title span {
    font-size: 80px;
  }
}
.work_experience-img {
  gap: 30px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 6;
}
@media only screen and (max-width: 1199px) {
  .work_experience-img {
    margin-top: 80px;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .work_experience-img {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .work_experience-img img {
    max-width: 70px;
  }
}
.work_experience-img .exp-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: var(--black-2);
}
.work_experience-img .exp-title span {
  display: block;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .work_experience-img .exp-title span {
    font-size: 48px;
  }
}
.work_experience-img .image-half {
  max-width: 100px;
}
@media only screen and (max-width: 991px) {
  .work_experience-img .image-half {
    max-width: 60px;
  }
}

.work_process {
  display: grid;
  grid-template-columns: 100px auto;
  position: relative;
  z-index: 9;
}
.work_process span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--white);
  display: flex;
  align-items: center;
}
.work_process a {
  font-size: 20px;
  color: var(--primary);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black-2);
  transition: all 0.5s;
  position: relative;
  z-index: 9;
}
.work_process a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.work_process-2 {
  display: grid;
  align-items: center;
  grid-template-columns: 100px auto;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .work_process-2 {
    gap: 15px;
    grid-template-columns: 70px auto;
  }
}
@media only screen and (max-width: 767px) {
  .work_process-2 {
    padding: 40px 0;
  }
}
.work_process-2 .button {
  font-size: 20px;
  color: var(--white);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--black-6);
  position: relative;
  z-index: 9;
  transition: all 0.3s;
}
.light .work_process-2 .button {
  border-color: #F3F2F2;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .work_process-2 .button {
    width: 70px;
    height: 70px;
  }
}
.work_process-2 .button:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.work_process-2 span {
  font-family: "Estedad";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--white);
  display: flex;
  align-items: center;
}
.work_process-3 .play-btn {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-2);
  border: 1px solid currentColor;
  border-radius: 50px;
  transition: all 0.3s;
}
.work_process-3 .play-btn:hover {
  color: var(--primary);
}

.work_process_experience .work_experience .experience {
  border-bottom: 1px solid var(--gray-3);
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .work_process_experience .work_experience .experience {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}

.say_hello {
  font-family: "Estedad";
  padding: 40px 50px;
}
@media only screen and (max-width: 1199px) {
  .say_hello {
    padding: 30px;
  }
}
.say_hello p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black-2);
  text-transform: uppercase;
}
.say_hello a {
  display: inline-block;
  color: var(--black-2);
  font-weight: 500;
  font-size: 26px;
  line-height: 1;
  margin-top: 10px;
  text-transform: initial;
  position: relative;
}
.say_hello a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--black-2);
  transition: all 0.3s;
}
.say_hello a:hover {
  color: var(--black-2);
}
.say_hello a:hover::after {
  width: 0%;
  background: var(--black-2);
}

.brand_logo_slider .swiper-wrapper {
  transition-timing-function: linear;
}
.brand_logo_slider .swiper-slide {
  width: auto;
}
.brand_logo_slider-width {
  max-width: 930px;
  margin: 0 auto;
}
.brand__logo_flex {
  height: 100%;
  display: flex;
  gap: 80px;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .brand__logo_flex {
    gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .brand__logo_flex {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .brand__logo_flex {
    flex-wrap: wrap;
  }
}
.brand__logo img {
  max-width: 100px;
}
.brand__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--gray-4);
  text-transform: uppercase;
}
.brand__title-2 {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: var(--white);
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .brand__title-2 {
    font-size: 20px;
  }
}

.image-frame {
  background-image: url(../imgs/hero/3-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-align: center;
}
.image-frame img {
  padding-bottom: 39px;
}
@media only screen and (max-width: 1919px) {
  .image-frame img {
    padding-bottom: 31px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .image-frame img {
    padding-bottom: 25px;
    max-width: 325px;
  }
}
@media only screen and (max-width: 991px) {
  .image-frame img {
    padding-bottom: 23px;
    max-width: 299px;
  }
}

.video_frame {
  width: 200px;
  height: 360px;
  position: relative;
  border-radius: 35px;
}
@media only screen and (max-width: 1199px) {
  .video_frame {
    width: 160px;
    height: 290px;
  }
}
.video_frame video {
  width: 100%;
  height: 100%;
  padding-inline-start: 1px;
  border-radius: 40px;
}
.video_frame .frame {
  position: absolute;
  top: 0;
  inset-inline-start: 0px;
  width: 100%;
  height: 100%;
}
.video_frame .caller {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: var(--white);
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 75px;
  transform: translateX(-50%);
}
.light .video_frame .caller {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .video_frame .caller br {
    display: block;
  }
}
.video_frame-2 {
  position: relative;
}
.video_frame-2 .text {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
  font-family: "Estedad";
  text-align: center;
  position: absolute;
  inset-inline-start: 30%;
  bottom: 175px;
}
@media only screen and (max-width: 1919px) {
  .video_frame-2 .text {
    inset-inline-start: 35%;
  }
}
@media only screen and (max-width: 1199px) {
  .video_frame-2 .text {
    inset-inline-start: 33%;
    bottom: 120px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .video_frame-2 .text {
    inset-inline-start: 30%;
    bottom: 100px;
  }
}
.video_frame-2 .text span {
  display: block;
  font-weight: 400;
  font-size: 14px;
}

.experience__grid {
  display: grid;
  grid-gap: 40px 17%;
  grid-template-columns: 1fr 1fr;
  position: relative;
  padding-inline-start: 55px;
}
@media only screen and (max-width: 991px) {
  .experience__grid {
    grid-gap: 30px 10%;
    padding-inline-start: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .experience__grid {
    padding-inline-start: 30px;
    grid-template-columns: 1fr;
  }
}
.experience__grid::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  inset-inline-start: 0;
  bottom: 0;
  background-image: url(../imgs/shape/2.png);
  background-repeat: no-repeat;
  background-repeat: repeat-y;
}
.experience__grid::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: calc(59% - 38px);
  bottom: 0;
  background-image: url(../imgs/shape/2.png);
  background-repeat: no-repeat;
  background-repeat: repeat-y;
}
@media only screen and (max-width: 991px) {
  .experience__grid::after {
    inset-inline-start: calc(55% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .experience__grid::after {
    display: none;
  }
}
.experience__grid-2 {
  display: grid;
  grid-gap: 40px 80px;
  grid-template-columns: 1fr 1fr;
  margin-inline-start: 80px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1399px) {
  .experience__grid-2 {
    margin-inline-start: 40px;
    grid-gap: 20px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .experience__grid-2 {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .experience__grid-2 {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .experience__grid-2 {
    margin-inline-start: 0;
  }
}
.experience__item {
  padding: 35px;
  background-color: var(--black-4);
}
.experience__item:nth-child(even) {
  margin-inline-start: auto;
}
.experience__item.have-timeline {
  padding: 30px 0;
  padding-inline-start: 90px;
  position: relative;
}
@media only screen and (max-width: 1919px) {
  .experience__item.have-timeline {
    padding-inline-start: 60px;
  }
}
.experience__item.have-timeline:before {
  content: url(../imgs/shape/dotted-line-light.png);
  position: absolute;
  inset-inline-start: 12px;
  top: 0;
}
.experience__item.have-timeline:after {
  content: url(../imgs/shape/circle-dot.png);
  position: absolute;
  inset-inline-start: 0;
  top: 27px;
  width: 25px;
  height: 25px;
  background-color: var(--black-2);
  border-radius: 50%;
}
.light .experience__item.have-timeline:after {
  background-color: var(--white);
}
.experience__item .exp-time {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--primary);
  margin-bottom: 10px;
}
.experience__item .exp-time span {
  padding-inline-end: 5px;
}
.experience__item .exp-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--white);
}
.experience__item .company {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-4);
  margin-bottom: 20px;
  text-transform: capitalize;
}

.skill__grid {
  margin-inline-start: 90px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px;
}
@media only screen and (max-width: 1399px) {
  .skill__grid {
    margin-inline-start: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .skill__grid {
    grid-gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .skill__grid {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .skill__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 40px;
    margin-inline-start: 0;
  }
}
.skill__item {
  padding: 74px 20px 64px;
  text-align: center;
  border-radius: 100px;
  background-color: var(--black-4);
}
.skill__item:hover img {
  filter: grayscale(0);
}
.skill__item img {
  margin-bottom: 40px;
  filter: grayscale(1);
  transition: 0.5s;
}
.skill__item .percentage {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.1;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
  .skill__item .percentage {
    font-size: 32px;
  }
}
.skill__item .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gray-4);
  text-transform: uppercase;
}

.total_views {
  padding: 5px 0 15px 70px;
  background-repeat: no-repeat;
  background-image: url(../imgs/social-influence/shape.png);
}
@media only screen and (max-width: 1199px) {
  .total_views {
    padding-inline-start: 50px;
    background-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .total_views {
    padding-inline-start: 45px;
  }
}
.total_views .views {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--white-11);
  font-family: "RomanStory", serif;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.light .total_views .views {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .total_views .views {
    font-size: 20px;
  }
}
.total_views p {
  line-height: 1.3;
  color: var(--black-9);
}
.light .total_views p {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .total_views p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .total_views p br {
    display: none;
  }
}

.subscribe_me {
  display: flex;
  padding: 12px 0;
  justify-content: space-between;
  border-top: 1px solid var(--white-11);
  border-bottom: 1px solid var(--white-11);
  position: relative;
  transition: all 0.3s;
  z-index: 1;
}
.subscribe_me:hover li i {
  color: red;
}
.subscribe_me:hover li img {
  transform: rotate(0);
}
.subscribe_me::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  inset-inline-start: 100px;
  top: 14px;
  background: var(--white-11);
}
.subscribe_me li {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white-11);
  text-transform: uppercase;
  display: flex;
  gap: 10px;
  align-items: center;
}
.subscribe_me li i {
  font-size: 24px;
  transition: all 0.3s;
}
.subscribe_me li img {
  margin-inline-start: 35px;
  transition: all 0.3s;
  transform: rotate(40deg);
}
@media only screen and (max-width: 991px) {
  .subscribe_me li img {
    margin-inline-start: 20px;
  }
}
.subscribe_me li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white-11);
  text-transform: uppercase;
}

.global_band {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .global_band {
    gap: 10px;
  }
}
.global_band .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: var(--white-11);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .global_band .title {
    font-size: 20px;
  }
}
.global_band p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  padding-inline-start: 30px;
  color: var(--white-11);
}
@media only screen and (max-width: 1199px) {
  .global_band p {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .global_band .left img {
    max-width: 40px;
  }
}

.happy_client img {
  margin-bottom: 20px;
}
.happy_client .client-info {
  gap: 15px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .happy_client .client-info {
    gap: 10px;
  }
}
.happy_client .client-info p {
  font-size: 14px;
  color: var(--white);
}
.light .happy_client .client-info p {
  color: #3F4061;
}
.happy_client .total {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: var(--white);
  writing-mode: tb;
  transform: rotate(180deg);
}

.client_rating {
  position: relative;
}
.client_rating .client_rating_text p {
  font-size: 20px;
  max-width: 320px;
  color: var(--white);
}
.light .client_rating .client_rating_text p {
  color: #3F4061;
}
@media only screen and (max-width: 1199px) {
  .client_rating .client_rating_text p {
    font-size: 18px;
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .client_rating .client_rating_text p {
    font-size: 16px;
  }
}
.client_rating .client_rating_by p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--white);
}

.happy_client_rating {
  gap: 80px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .happy_client_rating {
    gap: 60px;
  }
}
@media only screen and (max-width: 1399px) {
  .happy_client_rating {
    gap: 40px;
  }
}
.happy_client_rating .client_rating {
  position: relative;
}
.happy_client_rating .client_rating::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  inset-inline-start: -40px;
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .happy_client_rating .client_rating::before {
    inset-inline-start: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .happy_client_rating .client_rating::before {
    inset-inline-start: -20px;
  }
}

.wc_call_us {
  gap: 25px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .wc_call_us {
    gap: 15px;
  }
}
.wc_call_us:hover a,
.wc_call_us:hover i {
  color: var(--primary);
}
.wc_call_us a {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-align: end;
  color: var(--white);
  position: relative;
}
.wc_call_us span {
  font-size: 14px;
  font-weight: 400;
  display: block;
  color: var(--blue-5);
}
.wc_call_us i {
  font-size: 24px;
  color: var(--white);
  transition: all 0.5s;
  transform: rotate(-45deg);
}
.light .wc_call_us i {
  color: var(--black-2);
}

.btn-wrapper {
  position: relative;
  z-index: 1;
}

.call-us-with-btn {
  display: grid;
  grid-gap: 90px;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--blue-9);
  border-bottom: 1px solid var(--blue-9);
  padding: 18px 0;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .call-us-with-btn {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .call-us-with-btn {
    grid-gap: 30px;
  }
}
.call-us-with-btn::after {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  top: 10px;
  inset-inline-start: 50%;
  background-color: var(--blue-9);
}
.call-us-with-btn i {
  color: var(--primary);
}
.call-us-with-btn a {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .call-us-with-btn a {
    font-size: 16px;
  }
}
.call-us-with-btn a:hover {
  color: var(--primary);
}
.call-us-with-btn a:hover img {
  margin-inline-start: 10px;
}
.call-us-with-btn a img {
  margin-inline-start: 5px;
  transition: all 0.3s;
}
.light .call-us-with-btn a img {
  filter: brightness(0.2);
}

.progress__item .sonny_progressbar .progress-percent, .progress__item-2 .sonny_progressbar .progress-percent {
  font-weight: 500;
  font-size: 15px;
  color: var(--white);
  text-transform: uppercase;
  inset-inline-end: auto;
  inset-inline-end: 0;
}

.skill4_wrapper__title {
  color: var(--white);
  margin-bottom: 60px;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.1;
  font-family: "Lora", serif;
}
@media only screen and (max-width: 767px) {
  .skill4_wrapper__title {
    margin-bottom: 50px;
  }
}

.video__full video {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: -6px;
}
@media only screen and (max-width: 1399px) {
  .video__full video {
    height: 700px;
  }
}
@media only screen and (max-width: 1199px) {
  .video__full video {
    height: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .video__full video {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .video__full video {
    height: 300px;
  }
}
.video__full iframe {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: -6px;
}
@media only screen and (max-width: 1399px) {
  .video__full iframe {
    height: 700px;
  }
}
@media only screen and (max-width: 1199px) {
  .video__full iframe {
    height: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .video__full iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .video__full iframe {
    height: 300px;
  }
}
.video__full img {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1399px) {
  .video__full img {
    height: 700px;
  }
}
@media only screen and (max-width: 1199px) {
  .video__full img {
    max-height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .video__full img {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .video__full img {
    height: 300px;
  }
}

.play_video_on_hover {
  max-width: 100%;
}

.line-pos {
  position: relative;
}
.line-pos::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 200px;
  inset-inline-start: 50%;
  top: -100px;
  background: var(--gray-2);
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .line-pos::before {
    height: 120px;
    top: -60px;
  }
}

.instagram__item {
  overflow: hidden;
  position: relative;
}
.instagram__item img {
  width: 100%;
  transition: all 3s;
}
.instagram__item a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
}
.instagram__item a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  background-color: rgba(0, 0, 0, 0.5);
}
.instagram__item a i {
  display: inline-block;
  position: absolute;
  inset-inline-start: 0%;
  top: 50%;
  z-index: 9;
  font-size: 20px;
  color: var(--white);
  opacity: 0;
  transition: all 1s;
  transform: translate(-50%, -50%);
}
.instagram__item:hover a::after {
  opacity: 1;
  width: 100%;
}
.instagram__item:hover a i {
  opacity: 1;
  inset-inline-start: 50%;
}
.instagram__item:hover img {
  transform: scale(1.1);
}
.instagram__item-2 {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .instagram__item-2:last-child {
    display: none;
  }
}
.instagram__item-2 img {
  width: 100%;
  transition: all 0.5s;
}

.big-letter {
  font-size: 30px;
  color: var(--white);
  font-family: "Prata", serif;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
}

.light .menu-icon::after, .light .menu-icon-2::after, .light .menu-icon::before, .light .menu-icon-2::before,
.light .menu-icon span,
.light .menu-icon-2 span {
  background: var(--black-2);
}
.light .menu-icon:hover::after, .light .menu-icon-2:hover::after, .light .menu-icon:hover::before, .light .menu-icon-2:hover::before,
.light .menu-icon:hover span,
.light .menu-icon-2:hover span {
  background: var(--primary);
}
.light .icon-circle {
  background-color: var(white-2);
}
.light .brand__title {
  color: var(--black-2);
}
.light .follow_on_social {
  border-left: 1px solid var(--gray-4);
}
.light .skill__item {
  background-color: var(--white-3);
}
.light .skill__item .percentage {
  color: var(--black-2);
}
.light .experience__item {
  background-color: var(--white-3);
}
.light .experience__item .exp-title {
  color: var(--black-2);
}
.light .brand__title-2 {
  color: var(--black-2);
}
.light .project_completed .title,
.light .project_completed .text {
  color: var(--black-2);
}
.light .work_process-2 button {
  color: var(--black-6);
}
.light .work_process-2 button:hover {
  color: var(--primary);
}
.light .work_process-2 span {
  color: var(--black-2);
}
.light .global_band .title {
  color: var(--black-2);
}
.light .subscribe_me {
  border-color: var(--black-2);
}
.light .subscribe_me li {
  color: var(--black-2);
}
.light .subscribe_me li a {
  color: var(--black-2);
}
.light .skill4_wrapper__title,
.light .progress__item .sonny_progressbar .progress-percent,
.light .progress__item-2 .sonny_progressbar .progress-percent {
  color: var(--black-2);
}
.light .text-pos,
.light .photographer__hero-thcontent p {
  color: var(--black-2);
}
.light .happy_client_rating .client_rating::before {
  background-color: var(--black-2);
}
.light .client_rating p {
  color: var(--black-2);
}
.light .client_rating .rated-by {
  color: var(--black-2);
}
.light .call-us-with-btn a {
  color: var(--black-2);
}
.light .call-us-with-btn a span {
  color: var(--black-3);
}
.light .separator {
  background-color: var(--blue-5);
}
.light .wc_call_us a {
  color: var(--black-2);
}
.light .wc_call_us a:hover {
  color: var(--primary);
}
.light .wc_call_us a span {
  color: var(--blue-6);
}
.light .separator-4 {
  background-color: var(--black-2);
}

.btn-wrapper {
  display: inline-block;
}

.subscribe-circle {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.subscribe-circle .text {
  animation: spinner 4s infinite linear;
}
.subscribe-circle .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.subscribe-circle-wrap {
  position: absolute;
  inset-inline-end: 200px;
  top: 59%;
  z-index: 3;
}
@media only screen and (max-width: 1919px) {
  .subscribe-circle-wrap {
    inset-inline-end: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-circle-wrap {
    top: unset;
    bottom: 12%;
  }
}
.subscribe-circle-2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  color: var(--black-2);
  background: var(--white);
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.subscribe-circle-2 span {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.subscribe-circle-2 span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  border-radius: 50%;
  border: 1px dashed var(--black-2);
  animation: spinner 6s 0s infinite linear;
}

.hover-border {
  position: relative;
}
.hover-border:hover::after {
  width: 100%;
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.hover-border::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 3px;
  inset-inline-end: 0;
  bottom: 0;
  transition: all 0.5s;
  background-color: var(--black-2);
}

.text__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.text__slider .text-slide-content {
  gap: 20px;
  display: flex;
  align-items: center;
}
.text__slider .swiper-slide {
  width: auto;
}
.text__slider .title {
  color: var(--white);
}
.light .text__slider .title {
  color: var(--black-2);
}

.hover-left-right {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 220% 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: linear-gradient(to right, var(--primary) 45%, var(--white) 55%);
  transition: all 1s ease-out;
}
.hover-left-right:hover {
  background-position: 0% 50%;
}

.light .hover-left-right {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 220% 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: linear-gradient(to right, var(--primary) 45%, var(--black-2) 55%);
  transition: all 1s ease-out;
}
.light .hover-left-right:hover {
  background-position: 0% 50%;
}

.char-lg {
  font-size: 54px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
  padding-inline-end: 10px;
  text-transform: uppercase;
  float: left;
}
.light .char-lg {
  color: var(--black-2);
}

.price__btn {
  display: flex;
  margin-top: 32px;
}
.price__btn .price {
  display: inline-block;
  height: 55px;
  width: 55px;
  border-radius: 50px;
  text-align: center;
  line-height: 55px;
  background-color: var(--green);
  color: var(--white);
  font-weight: 500;
  z-index: 2;
  margin-inline-start: -27px;
  margin-top: -32px;
}

.list-check li {
  position: relative;
  padding-inline-start: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
}
.list-check li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  background-image: url("../imgs/electrician/check-mark.png");
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.dir-rtl .list-check li::before {
  transform: translateY(-50%) rotateY(180deg);
}
.list-check li:last-child {
  margin-bottom: 0;
}

.list-plus li {
  position: relative;
  padding-inline-start: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.dir-rtl .list-plus li {
  padding-inline-start: 0;
  padding-inline-end: 30px;
}
.list-plus li::before {
  content: "+";
  position: absolute;
  inset-inline-start: 0;
  top: -10px;
  font-size: 30px;
  font-weight: 300;
}
.dir-rtl .list-plus li::before {
  inset-inline-start: unset;
  inset-inline-end: 0;
}
.list-plus li:last-child {
  margin-bottom: 0;
}

.light .subscribe-circle-2 {
  color: var(--white);
  background: var(--black-2);
}
.light .subscribe-circle-2 span::after {
  border-color: var(--white);
}

.text_invert > div {
  background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(66, 60, 60) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.light .text_invert > div {
  background-image: linear-gradient(to right, rgb(0, 0, 0) 50%, rgba(66, 60, 60, 0.5) 50%);
}

.timeline-wrapper {
  position: relative;
}
.timeline-wrapper.dark-about-wrap::before {
  background-color: var(--gray-9);
}
.timeline-wrapper::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  inset-inline-end: 50%;
  top: 0;
}
.light .timeline-wrapper::before {
  background-color: #E9E9E9;
}
@media only screen and (max-width: 991px) {
  .timeline-wrapper::before {
    display: none;
  }
}
.timeline-item {
  max-width: 50%;
  padding-inline-end: 80px;
  grid-gap: 65px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  text-align: end;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1399px) {
  .timeline-item {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .timeline-item {
    grid-template-columns: auto;
    padding-inline-end: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .timeline-item {
    max-width: 92%;
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .timeline-item {
    text-align: center;
    grid-template-columns: auto;
    max-width: 100%;
    padding-inline-end: 0;
  }
}
.timeline-item:nth-child(even) {
  margin-inline-start: auto;
  padding-inline-end: 0;
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1199px) {
  .timeline-item:nth-child(even) {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .timeline-item:nth-child(even) {
    padding-inline-start: 0;
  }
}
.timeline-item:nth-child(even) .timeline-content {
  order: 2;
  text-align: start;
}
@media only screen and (max-width: 1199px) {
  .timeline-item:nth-child(even) .timeline-content {
    order: unset;
  }
}
@media only screen and (max-width: 991px) {
  .timeline-item:nth-child(even) .timeline-content {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .timeline-item:nth-child(even) .timeline-content {
    text-align: center;
    order: 1;
  }
}
.timeline-item:nth-child(even) .timeline-thumb {
  order: 1;
}
@media only screen and (max-width: 1199px) {
  .timeline-item:nth-child(even) .timeline-thumb {
    text-align: start;
    order: unset;
  }
}
@media only screen and (max-width: 991px) {
  .timeline-item:nth-child(even) .timeline-thumb {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .timeline-item:nth-child(even) .timeline-thumb {
    text-align: center;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .timeline-item:nth-child(even) .timeline-thumb {
    text-align: center;
  }
}
.timeline-item:nth-child(even) .timeline-count {
  right: auto;
  left: 0;
  transform: translateY(-50%) translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .timeline-item:nth-child(even) .timeline-count {
    right: 50%;
    left: unset;
  }
  .dir-rtl .timeline-item:nth-child(even) .timeline-count {
    transform: translateX(-50%);
  }
}
.timeline-item:nth-child(even) .timeline-count::before {
  inset-inline-end: unset;
  inset-inline-start: calc(100% + 20px);
}
@media only screen and (max-width: 991px) {
  .timeline-item:not(:last-child) {
    margin-bottom: 70px;
  }
}
.timeline-since {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  display: block;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .timeline-since {
    font-size: 30px;
  }
}
.timeline-ititle {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: var(--white);
  display: block;
  margin-top: 18px;
  margin-bottom: 34px;
}
.timeline-idis p {
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .timeline-idis p {
    max-width: 400px;
    margin: 0 auto;
  }
}
.timeline-count {
  font-weight: 400;
  font-size: 30px;
  line-height: 70px;
  background: var(--black-10);
  color: var(--white);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .timeline-count {
    display: none;
  }
}
.timeline-count::before {
  content: "";
  height: 1px;
  width: 70px;
  background: var(--white);
  position: absolute;
  top: 50%;
  inset-inline-end: calc(100% + 20px);
}

.cf__classDetails-wrapper {
  text-align: center;
}
.cf__classDetails-subtitle {
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-subtitle br {
    display: none;
  }
}
.cf__classDetails-title {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .cf__classDetails-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-title {
    font-size: 60px;
  }
}
.cf__classDetails-dis {
  font-weight: 400;
  font-size: 50px;
}
@media only screen and (max-width: 1399px) {
  .cf__classDetails-dis {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-dis {
    font-size: 30px;
  }
}
.cf__classDetails-content {
  text-align: start;
}
.cf__classDetails-title2 {
  font-weight: 400;
  font-size: 90px;
  line-height: 1;
  display: block;
}
@media only screen and (max-width: 1399px) {
  .cf__classDetails-title2 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .cf__classDetails-title2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-title2 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-title2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-title2 br {
    display: none;
  }
}
.cf__classDetails-dis2 p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-dis2 p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-dis2 p {
    font-size: 18px;
  }
}
.cf__classDetails-items {
  text-align: start;
}
.cf__classDetails-itemwrap {
  text-align: start;
}
.cf__classDetails-itemwrap p {
  padding-bottom: 30px;
}
.cf__classDetails-ltitle {
  font-family: "gallient";
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
  color: var(--white);
}
.cf__classDetails-ltitle.yoga-ltitle {
  text-align: start;
}
@media only screen and (max-width: 1399px) {
  .cf__classDetails-ltitle.yoga-ltitle {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-ltitle.yoga-ltitle {
    font-size: 30px;
  }
}
.cf__classDetails-servicelist {
  -moz-column-count: 2;
       column-count: 2;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .cf__classDetails-servicelist {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.cf__classDetails-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-item {
    grid-template-columns: 1fr 1.3fr;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-item {
    grid-template-columns: 1fr;
  }
}
.cf__classDetails-item:not(:first-child) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-item:not(:first-child) {
    margin-top: 40px;
  }
}
.cf__classDetails-thumb1 {
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .cf__classDetails-thumb1 img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cf__classDetails-left {
    padding-bottom: 10px;
  }
}
.cf__classDetails-list {
  font-size: 50px;
  color: var(--white);
  display: flex;
  gap: 35px;
}
@media only screen and (max-width: 1399px) {
  .cf__classDetails-list {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .cf__classDetails-list {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .cf__classDetails-list {
    gap: 10px;
    font-size: 30px;
  }
}
.cf__classDetails-right p {
  font-size: 18px;
}

.cf_details-image-wrapper {
  display: inline-block;
}
.cf_details-image-title {
  font-size: 14px !important;
}
.cf_details-contentmiddle {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .cf_details-contentmiddle {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .cf_details-contentmiddle {
    gap: 20px;
  }
}

.has-left-line {
  position: relative;
  padding-inline-start: 37px;
  display: inline-block;
}
.has-left-line:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  background-color: currentColor;
  inset-inline-start: 0;
  border-inline-start: 1px;
  top: 50%;
}

.pos-center {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.circle-text {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100px;
  background: var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-text .text {
  animation: spinner 4s infinite linear;
}
.circle-text .icon {
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .circle-text {
    width: 120px;
    height: 120px;
  }
}

.has-indent-line {
  position: relative;
  text-indent: 250px;
}
@media (max-width: 575px) {
  .has-indent-line {
    text-indent: 75px;
  }
}
.has-indent-line:before {
  position: absolute;
  content: "";
  width: 225px;
  height: 1px;
  background: currentColor;
  inset-inline-start: 0;
  top: 30px;
}
@media only screen and (max-width: 1199px) {
  .has-indent-line:before {
    top: 18px;
  }
}
@media (max-width: 575px) {
  .has-indent-line:before {
    width: 50px;
  }
}

.brand__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  transform: translateY(-100%);
  background-color: var(--black-2);
}
.light .brand__text {
  color: var(--black-2);
  background-color: var(--white);
}
.brand__text.sfluence {
  background-color: #272422;
}
.light .brand__text.sfluence {
  background-color: #F0ECE9;
}
.brand__text-wrap {
  text-align: center;
  border-top: 1px solid var(--gray-9);
}
.light .brand__text-wrap {
  border-color: #D7D0CC;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #d6d6d6;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}

/*
  Default search styles 
*/
.info-search__area {
  position: fixed;
  width: 300px;
  right: 60px;
  top: 110%;
  padding: 15px 20px;
  background-color: transparent;
  border-radius: 10px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.info-search__area.visible {
  opacity: 1;
  visibility: visible;
  top: 130%;
}
.info-search__area form {
  display: grid;
  grid-template-columns: 1fr 20px;
  gap: 10px;
}
.info-search__area input, .info-search__area .cf-details-comment__field textarea, .cf-details-comment__field .info-search__area textarea, .info-search__area .dt-inap__appointment textarea, .dt-inap__appointment .info-search__area textarea, .info-search__area .elc-inbd-comment__field textarea, .elc-inbd-comment__field .info-search__area textarea {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--white);
}
.info-search__area input::-moz-placeholder, .info-search__area .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .info-search__area textarea::-moz-placeholder, .info-search__area .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .info-search__area textarea::-moz-placeholder, .info-search__area .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .info-search__area textarea::-moz-placeholder {
  font-size: 12px;
  color: var(--white-3);
}
.info-search__area input::placeholder, .info-search__area .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .info-search__area textarea::placeholder, .info-search__area .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .info-search__area textarea::placeholder, .info-search__area .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .info-search__area textarea::placeholder {
  font-size: 12px;
  color: var(--white-3);
}
.info-search__area input:focus, .info-search__area .cf-details-comment__field textarea:focus, .cf-details-comment__field .info-search__area textarea:focus, .info-search__area .dt-inap__appointment textarea:focus, .dt-inap__appointment .info-search__area textarea:focus, .info-search__area .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .info-search__area textarea:focus {
  outline: 0;
}

.search-icon {
  width: 15px;
}

#search_close {
  display: none;
  cursor: pointer;
}

/*----------------------------------------*/
/*  01. THEME CSS START
/*----------------------------------------*/
html {
  --container-max-widths: 1320px;
}
@media only screen and (max-width: 1399px) {
  html {
    --container-max-widths: 1140px;
  }
}
@media only screen and (max-width: 1199px) {
  html {
    --container-max-widths: 960px;
  }
}
@media only screen and (max-width: 991px) {
  html {
    --container-max-widths: 720px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    --container-max-widths: 540px;
  }
}

body {
  background-color: var(--white-9);
  color: var(--gray-4);
}
body.light {
  color: var(--gray);
}

.body-wrapper {
  background-color: var(--black-2);
}
.light .body-wrapper {
  background-color: var(--white);
}

.img_anim_reveal {
  visibility: hidden;
  overflow: hidden;
}
.img_anim_reveal img {
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: left;
}

.anim-reveal {
  overflow: hidden;
}

.anim-reveal-line {
  overflow: hidden;
}

.color-white {
  color: var(--white) !important;
}
.light .color-white {
  color: var(--black-2) !important;
}
.color-dark {
  color: var(--black-2) !important;
}
.color-black {
  color: var(--black) !important;
}
.color-gray {
  color: var(--gray) !important;
}
.color-primary {
  color: var(--primary) !important;
}
.color-secondary {
  color: var(--secondary) !important;
}
.color-blue {
  color: #6A6BBF !important;
}
.color-blue-2 {
  color: #3F4061 !important;
}
.color-red {
  color: #D20A0A;
}
.color-green {
  color: #83B002;
}
.color-light {
  color: var(--white);
}
.light .color-light {
  color: var(--black-2);
}
.color-purple-light {
  color: #202C58 !important;
}

.wc-bg-dark {
  background-color: #1C1D20 !important;
}
.wc-bg-dark-2 {
  background-color: #272422 !important;
}
.wc-bg-dark-3 {
  background-color: #262629 !important;
}
.wc-bg-dark-4 {
  background-color: #141415 !important;
}
.wc-bg-dark-5 {
  background-color: #212125 !important;
}
.wc-bg-light {
  background-color: #fff !important;
}
.wc-bg-light-2 {
  background-color: #F2F0E5 !important;
}
.wc-bg-light-3 {
  background-color: #F9F9F9 !important;
}
.wc-bg-light-4 {
  background-color: #F2F1F0 !important;
}
.wc-bg-light-5 {
  background-color: #F2F1F0 !important;
}
.wc-bg-light-6 {
  background-color: #F6F3F0 !important;
}
.wc-bg-light-7 {
  background-color: #E4F2F6 !important;
}
.wc-bg-light-8 {
  background-color: #F6F6FA !important;
}
.wc-bg-light-9 {
  background-color: #FBF8F3 !important;
}
.wc-bg-pink {
  background-color: #F2EDE1 !important;
}
.wc-bg-pink-2 {
  background-color: #F4F0ED !important;
}
.wc-bg-purple {
  background-color: #D4BFFF !important;
}
.wc-bg-green {
  background-color: #3C524C !important;
}
.wc-bg-blue-6 {
  background-color: var(--blue-6) !important;
}
.wc-bg-blue-7 {
  background-color: var(--blue-7) !important;
}
.wc-bg-blue-8 {
  background-color: var(--blue-8) !important;
}
.wc-bg-transparent {
  background-color: transparent !important;
}

.zi-0 {
  z-index: 0;
  position: relative;
}
.zi-1 {
  z-index: 1;
  position: relative;
}
.zi-2 {
  z-index: 2;
  position: relative;
}
.zi-3 {
  z-index: 3;
  position: relative;
}
.zi_3 {
  z-index: 3;
}
.zi-5 {
  z-index: 5;
  position: relative;
}
.zi-6 {
  z-index: 6;
  position: relative;
}
.zi-7 {
  z-index: 7;
  position: relative;
}
.zi-8 {
  z-index: 8;
  position: relative;
}
.zi-9 {
  z-index: 9;
  position: relative;
}

.box-layout {
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden !important;
}

.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.header__area-6 {
  position: unset;
}

.vertically-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-indent-40 {
  text-indent: 40px;
}
.text-indent-50 {
  text-indent: 50px;
}

header {
  margin-bottom: -1px;
  z-index: 100;
}

section {
  margin-bottom: -1px;
}

.dir-rtl {
  direction: rtl;
}

.show-dark {
  display: inline-block;
}
.light .show-dark {
  display: none;
}

.show-light {
  display: none;
}
.light .show-light {
  display: inline-block;
}

.line-divider-sm {
  height: 0.5px;
  background-color: var(--black-9);
}
.light .line-divider-sm {
  background-color: #E9E9E9;
}

.admin-bar header,
.admin-bar .body-wrapper {
  margin-top: 32px;
}

.swiper,
.swiper-container {
  direction: ltr;
}

.border-e-0 {
  border-inline-end: 0 !important;
}

.border-s-0 {
  border-inline-start: 0 !important;
}

.light .icon-circle {
  background-color: var(--white-3);
}

.light .developer-skill__area {
  background-color: var(--white-2);
}
.light .developer-portfolio__area {
  background-color: var(--white-2);
}
.light .developer-brand__area {
  background-color: var(--white-2);
}
.light .developer-hero__title {
  color: var(--black-2);
}
.light .developer-hero__left p {
  color: var(--black-2);
}
.light .developer-hero__social-wrapper {
  border-color: var(--gray-2);
}
.light .developer-hero__social-wrapper .follow-me {
  color: var(--gray);
}
.light .developer-experience__item {
  background-color: var(--white-3);
}
.light .developer-experience__item .exp-title {
  color: var(--black-2);
}
.light .developer-experience__item .company {
  color: var(--gray);
}
.light .developer-award__title {
  color: var(--black-2);
}
.light .developer-award__date {
  color: var(--gray);
}
.light .developer-skill__item {
  background-color: var(--white-3);
}
.light .developer-skill__percentage {
  color: var(--black-2);
}
.light .developer-skill__title {
  color: var(--gray);
}
.light .developer-skill__grid .sonny_progressbar .progress-percent {
  color: var(--black-2);
}
.light .developer-resume__tab-menu ul {
  background-color: var(--white-3);
}
.light .developer-resume__tab-menu ul li a {
  color: var(--black-2);
}
.light .developer-about__top .experience {
  color: var(--black-2);
}
.light .developer-about__top .experience-title {
  color: var(--black-2);
}
.light .developer-about__info li strong {
  color: var(--black-2);
}
.light .developer-about__slide {
  color: var(--white-3);
}
.light .developer-portfolio__title {
  color: var(--black-2);
}
.light .developer-portfolio__date {
  color: var(--gray);
}
.light .developer-service__item a {
  background-color: var(--white-2);
}
.light .developer-service__title {
  color: var(--black-2);
}
.light .developer-testimonial__slider .btn-swiper {
  border: 1px solid var(--gray-4);
}
.light .developer-testimonial__slide p {
  color: var(--black-2);
}
.light .developer-testimonial__slide .client-name {
  color: var(--black-2);
}
.light .developer-testimonial__slide .client-role {
  color: var(--gray);
}
.light .developer-brand__title {
  color: var(--black-2);
}
.light .developer-blog__title a {
  color: var(--black-2);
}
.light .developer-blog__meta li a, .light .pdesigner-blog__meta li a {
  color: var(--gray);
  background-color: var(--white-3);
}
.light .developer-blog__meta li a:hover, .light .pdesigner-blog__meta li a:hover {
  color: var(--black-2);
}
.light .developer-blog__link {
  color: var(--gray);
}
.light .developer-blog__link::after {
  background: var(--gray);
}
.light .developer-blog__link:hover {
  color: var(--black-2);
}

/*----------------------------------------*/
/*   INDEX LIGHT VERSION
/*----------------------------------------*/
.light .sidebar-menu li a {
  color: var(--white);
}
.light .pdesigner-blog__area {
  background: var(--white);
}
.light .footer__area-2 {
  background: var(--white);
}
.light .pdesigner-hero__title {
  color: var(--black-2);
}
.light .pdesigner-service__title {
  color: var(--black-2);
}
.light .pdesigner-service__title::before {
  background-color: var(--black-2);
}
.light .pdesigner-service__item {
  border-color: var(--gray-2);
}
.light .pdesigner-service__item:hover .pdesigner-service__number {
  color: var(--black-2);
}
.light .pdesigner-service__item ul li {
  color: var(--black-2);
}
.light .pdesigner-portfolio__btn-list button {
  color: var(--black-2);
}
.light .pdesigner-contact__info {
  padding-left: 1px;
}
.light .pdesigner-contact__type .icon {
  border-color: var(--white-6);
}

/*----------------------------------------*/
/*   FREELANCER LIGHT VERSION
/*----------------------------------------*/
.light .header__area-3::before {
  background: var(--white);
}
.light .sec-title-2 {
  color: var(--white);
}
.light .sec-title-2 {
  color: var(--black-2);
}
.light .footer__address p {
  color: var(--black-2);
}

/*----------------------------------------*/
/*   MARKETER LIGHT VERSION
/*----------------------------------------*/
.light .marketer__expertise, .light .marketer__testimonial {
  background-color: var(--white-2);
}
.light .marketer__hero-line span, .light .marketer__about-left::after {
  background-color: var(--black-9);
}
.light .marketer__hero-shape2, .light .marketer__hero-shape3, .light .marketer__hero-shape6, .light .marketer__hero-shape9 {
  filter: invert(0.8);
}
.light .marketer__work-date {
  color: var(--white);
}
.light .marketer__expertise-dis p, .light .marketer__award-content span, .light .marketer__testimonial-position, .light .marketer__work-workdetails p, .light .marketer__expertise-footer p {
  color: var(--gray);
}
.light .marketer__expertise-item {
  background: linear-gradient(180deg, var(--white-3) 0%, rgba(255, 255, 255, 0) 100%);
}
.light .marketer__expertise-item:hover {
  background-color: var(--white-3);
}
.light .marketer__experience-items {
  border-color: var(--black-9);
}
.light .marketer__experience-items.b-left::before {
  background-color: var(--black-9);
}
.light .marketer__testimonial-item {
  background-color: var(--white-4);
}
.light .marketer__testimonial-wrapper .swiper-pagination span {
  color: var(--black-2);
}
.light .marketer__testimonial-wrapper .dash {
  background: var(--black-2);
}
.light .marketer__about .sec-title-3 {
  color: var(--black-2);
}
.light .marketer__counter-item .text p {
  color: var(--black-2);
}
.light .marketer__about-right a {
  color: var(--black-2);
}
.light .marketer__textslider .title {
  color: var(--black-2);
}

/*----------------------------------------*/
/*   FASHION LIGHT VERSION
/*----------------------------------------*/
.light .fashion__hero {
  background-color: var(--white);
}
.light .fashion__about {
  background-color: var(--white-2);
}
.light .fashion__work {
  background-color: var(--white);
}
.light .fashion__service {
  padding-bottom: 150px;
  background-color: var(--white);
}
.light .fashion__nominated {
  background-color: var(--white);
}
.light .fashion__contact {
  background-color: var(--white);
}
.light .fashion__footer {
  background-color: var(--white-2);
}

/*----------------------------------------*/
/*   ARCHITECHT LIGHT VERSION
/*----------------------------------------*/
.light .architect-hero__area {
  background-color: var(--white);
}
.light .architect-cta__area .line {
  border-color: var(--white-4);
  border-bottom: 2px solid var(--white-4);
}
.light .architect-text__area .title {
  color: var(--black-2);
}
.light .architect-portfolio__title {
  color: var(--black-2);
}
.light .architect-award__title {
  color: var(--black-2);
}
.light .architect-award__item {
  border-color: var(--white-4);
}
.light .architect-cta__title {
  color: var(--black-2);
}

/*----------------------------------------*/
/*   YOGATRAINER LIGHT VERSION
/*----------------------------------------*/
.light .plan__item {
  border-color: var(--gray-4);
}

.light .joya__contact-formfield input::-moz-placeholder, .light .joya__contact-formfield .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .joya__contact-formfield textarea::-moz-placeholder, .light .joya__contact-formfield .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .joya__contact-formfield textarea::-moz-placeholder, .light .joya__contact-formfield .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .joya__contact-formfield textarea::-moz-placeholder {
  color: var(--black-2);
}

.light .joya__contact-formfield input::placeholder, .light .joya__contact-formfield .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .joya__contact-formfield textarea::placeholder, .light .joya__contact-formfield .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .joya__contact-formfield textarea::placeholder, .light .joya__contact-formfield .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .joya__contact-formfield textarea::placeholder {
  color: var(--black-2);
}
.light .joya__contact-msg input::-moz-placeholder, .light .joya__contact-msg .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .joya__contact-msg textarea::-moz-placeholder, .light .joya__contact-msg .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .joya__contact-msg textarea::-moz-placeholder, .light .joya__contact-msg .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .joya__contact-msg textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .joya__contact-msg input::placeholder, .light .joya__contact-msg .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .joya__contact-msg textarea::placeholder, .light .joya__contact-msg .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .joya__contact-msg textarea::placeholder, .light .joya__contact-msg .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .joya__contact-msg textarea::placeholder {
  color: var(--black-2);
}
.light .joya__contact-checkbox input, .light .joya__contact-checkbox .cf-details-comment__field textarea, .cf-details-comment__field .light .joya__contact-checkbox textarea, .light .joya__contact-checkbox .dt-inap__appointment textarea, .dt-inap__appointment .light .joya__contact-checkbox textarea, .light .joya__contact-checkbox .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .joya__contact-checkbox textarea {
  border: 1px solid var(--black-2);
}
.light .joya__contact-checkbox label::before {
  filter: brightness(0);
}
.light .photographertwo__photo-title2 {
  color: var(--black-2);
}

/*----------------------------------------*/
/*   WRITER LIGHT VERSION
/*----------------------------------------*/
.light .writer-hero__area::after {
  position: absolute;
  background: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, var(--white-9) 85%);
}
.light .writer-about__area .sec-title-11::after {
  background: var(--gray-2);
}
.light .writer-blog__area .sec-title-wrap::after {
  background: var(--gray-2);
}
.light .writer-blog__area .sec-title-wrap a {
  color: var(--gray-10);
}
.light .writer-blog__area .sec-title-wrap a:hover {
  color: var(--black-2);
}
.light .writer-hero__top .link {
  color: var(--black-2);
  border-top: 1px solid var(--black-2);
}
.light .writer-hero__top .link::after {
  filter: invert(1);
}
.light .writer-hero__top .link img {
  filter: invert(1);
}
.light .writer-hero__title {
  color: var(--black-2);
}
.light .writer-hero__btm .right p {
  color: var(--black-2);
}
.light .writer-about__content .read {
  color: var(gray-10);
}
.light .writer-featured__title {
  color: var(--black-2);
}
.light .writer-portfolio__top {
  border-color: var(--gray-2);
}
.light .writer-portfolio__item .date {
  color: var(--gray-10);
}
.light .writer-portfolio__item .title {
  color: var(--black-2);
}
.light .writer-portfolio__info a {
  color: var(--gray-10);
  border-color: var(--gray-10);
}
.light .writer-portfolio__info a:hover {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .writer-publish__title {
  color: var(--black-2);
}
.light .writer-publish__sub-title {
  color: var(--black-2);
}
.light .writer-publish__sub-title span {
  background: var(--black-2);
}
.light .writer-publish__year .year {
  color: var(--black-2);
}
.light .writer-publish__book .name {
  color: var(--gray-10);
}
.light .writer-publish__book p {
  color: var(--gray-10);
}
.light .writer-publish__note {
  border-color: var(--gray-2);
}
.light .writer-publish__note p {
  border-color: var(--gray-2);
  color: var(--gray-10);
}
.light .writer-publish__note p span {
  color: var(--black-2);
}
.light .writer-award__title {
  color: var(--black-2);
}
.light .writer-award__title span {
  color: var(--white);
  background-color: var(--black-2);
}
.light .writer-award__content p {
  color: var(--gray-10);
}
.light .writer-award__content p span {
  color: var(--black-2);
}
.light .writer-award__content p a {
  color: var(--black-2);
}
.light .writer-award__content p a::after {
  background-color: var(--black-2);
}
.light .writer-award__right .title {
  color: var(--black-2);
  border-color: var(--gray-2);
}
.light .follow-instagram p::after {
  background-color: var(--black-2);
}
.light .follow-instagram p a {
  color: var(--black-2);
}
.light .follow-instagram p a:hover {
  color: var(--gray-10);
}

/*----------------------------------------*/
/*   ARTIST LIGHT VERSION
/*----------------------------------------*/
.light .artist__textslider-area {
  background-color: var(--black-2);
}
.light .artist__header-menu li a {
  color: var(--black-2);
}
.light .artist__header-menu li a:hover {
  color: var(--primary);
}
.light .artist__showcase-name {
  color: var(--black-2);
}
.light .artist__showcase-title {
  color: var(--black-2);
}
.light .artist__gallary-content span {
  color: var(--black-2);
}
.light .artist__exhibition-title {
  color: var(--black-2);
}
.light .artist__exhibition-location * {
  color: var(--black-2);
}
.light .artist__exhibition-location, .light .artist__exhibition-item {
  border-color: var(--gray-4);
}
.light .artist__profile-name {
  color: var(--black-2);
}
.light .artist__profile-item span:last-of-type {
  color: var(--black-2);
}
.light .artist__footer-menu li a, .light .artist__footer-social li a {
  color: var(--black-2);
}
.light .artist__footer-menu li a:hover, .light .artist__footer-social li a:hover {
  color: var(--primary);
}

/*----------------------------------------*/
/*   SOCIAL INFLUENCE LIGHT VERSION
/*----------------------------------------*/
.light .double-border::before,
.light .double-border::after {
  background-color: var(--black-2);
}
.light .get-touch {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .sfluence-brand__area {
  border-color: var(--white-11);
}
.light .sfluence-brand__area .text {
  background-color: var(--white-2);
}
.light .sfluence-blog__area .sec-text p {
  color: var(--gray-10);
}
.light .sfluence-blog__area .sec-text a {
  filter: invert(0);
}
.light .sfluence-hero__mid p {
  color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe {
  border-color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe::after {
  background: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe li {
  color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe li img {
  filter: invert(1);
}
.light .sfluence-hero__mid .subscribe li a {
  color: var(--gray-10);
}
.light .sfluence-hero__top .video-wrap {
  background-image: url(../imgs/social-influence/ellipse-dark.png);
}
.light .sfluence-hero__top .video-wrap button {
  color: var(--black-2);
}
.light .sfluence-hero__top .wrap {
  background-image: url(../imgs/social-influence/shape-5.png);
}
.light .sfluence-hero__btm .sub-title {
  color: var(--black-2);
}
.light .sfluence-hero__btm .band p {
  color: var(--black-2);
}
.light .sfluence-hero__btm .band img {
  filter: invert(1);
}
.light .sfluence-hero__btm .arrow {
  filter: invert(1);
}
.light .sfluence-service__title {
  color: var(--black-2);
}
.light .sfluence-service__title::before {
  background-color: var(--black-2);
}
.light .sfluence-service__top p {
  color: var(--gray-10);
}
.light .sfluence-service__list {
  border-color: #D7D0CC;
}
.light .sfluence-service__info .logos::before {
  background-color: #D7D0CC;
}
.light .sfluence-service__btm .wc-btn {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .sfluence-service__btm .arrow {
  filter: invert(1);
}
.light .sfluence-blog__title {
  color: var(--black-2);
}
.light .sfluence-blog__item::after {
  background-color: #D7D0CC;
}
.light .sfluence-blog__item .thumb:hover {
  border-color: #D7D0CC;
}
.light .sfluence-video__title {
  color: var(--black-2);
}
.light .sfluence-video__top p {
  color: var(--black-2);
}
.light .sfluence-video__btm .mid-line {
  background: var(--black-2);
}
.light .sfluence-video__btm .swiper-pagination-fraction {
  color: var(--black-2);
}
.light .sfluence-event__top p {
  color: var(--gray-10);
}
.light .sfluence-event__top p::before {
  background: var(--black-2);
}
.light .sfluence-event__list a {
  border-color: var(--gray-10);
}
.light .sfluence-event__item .title,
.light .sfluence-event__item .text,
.light .sfluence-event__item .date,
.light .sfluence-event__item .location {
  color: var(--black-2);
}
.light .sfluence-event__item .link img {
  filter: invert(1);
}

.line {
  position: relative;
}
.line-col-4 div {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--black-5);
}
.line-col-4 div:nth-child(2) {
  left: 33.33%;
}
.line-col-4 div:nth-child(3) {
  left: 66.66%;
}
.line-col-4 div:nth-child(4) {
  left: 100%;
}
.line-col-3 div {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--black-5);
}
.line-col-3 div:nth-child(2) {
  left: 50%;
}
.line-col-3 div:nth-child(3) {
  left: 100%;
}

.light .line-col-4 div, .light .line-col-3 div {
  background: var(--white-4);
}

/* Preloader */
.container-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 900;
}
.container-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}
.container-preloader .animation-preloader .spinner {
  animation: spinner 0.55s infinite linear;
  border-radius: 50%;
  height: 9em;
  width: 9em;
  border: 10px solid var(--white);
  border-top-color: var(--primary);
  margin: 0 auto 3.5em auto;
}
@media only screen and (max-width: 767px) {
  .container-preloader .animation-preloader .spinner {
    margin: 0 auto 0.2em auto;
  }
}
.container-preloader .animation-preloader .txt-loading {
  font: bold 5em "Montserrat", sans-serif;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters {
  color: var(--white);
  position: relative;
  display: inline-block;
}
.light .container-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .container-preloader .animation-preloader .txt-loading .characters {
    font-size: 50px;
  }
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  color: var(--primary);
  content: attr(data-text);
  animation: characters 1.5s infinite;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .loader-section {
  background-color: var(--black-2);
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.light .container-preloader .loader-section {
  background-color: var(--white);
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.1s ease-out;
}
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.scroll__down {
  display: flex;
  gap: 20px;
  align-items: center;
}
.scroll__down p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--white);
}
.scroll__down span {
  width: 66px;
  height: 106px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 89px;
}
.scroll__down span i {
  color: var(--white);
}
.scroll__down-wrapper {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .scroll__down-wrapper {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .scroll__down-wrapper {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .scroll__down-wrapper {
    height: auto;
    padding: 40px 0;
  }
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 0px;
  z-index: 9999;
  background: var(--white);
  border-radius: 100px;
  mix-blend-mode: exclusion;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.scroll-top.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.go-top-writer {
  width: 105px;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  color: var(--white);
  background-image: url(../imgs/writer/go-top.png);
  background-position: right center;
  background-repeat: no-repeat;
  right: 16%;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.5s;
}
.light .go-top-writer {
  color: var(--black-2);
  background-image: url(../imgs/writer/go-top-light.png);
}
.go-top-writer:hover {
  color: var(--primary);
}
.go-top-writer.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .go-top-writer br {
    display: block;
  }
}

.progress-wrap {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  content: "\f062";
  font: var(--fa-font-solid);
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--white);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap svg path {
  fill: var(--black-6);
}

.progress-wrap svg.progress-circle path {
  stroke: var(--primary);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

.light .scroll__down p {
  color: var(--black-2);
}
.light .scroll__down span {
  border-color: var(--white-3);
}
.light .scroll__down span i {
  color: var(--black-2);
}
.light.go-top-writer {
  color: var(--black-2);
  background-color: transparent;
  background-image: url(../imgs/writer/go-top-light.png);
}
.light.progress-wrap {
  margin: 0;
  background-color: transparent;
}
.light.progress-wrap svg path {
  fill: var(--black-2);
}
.light.progress-wrap::after {
  color: var(--white);
}

/*----------------------------------------*/
/*  01. Button CSS START
/*----------------------------------------*/
.b-radius {
  border-radius: 12px;
}

.wc-btn {
  display: inline-block;
}
.wc-btn-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
  text-transform: capitalize;
  background: transparent;
  border-radius: 100px;
  padding: 17px 35px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--black-6);
  overflow: hidden;
  transition: all 0.3s;
}
.wc-btn-default:hover {
  color: var(--white);
}
.light .wc-btn-default {
  color: var(--black-2);
}
.light .wc-btn-default:hover {
  color: var(--black-2);
}
.dir-rtl .wc-btn-default i {
  transform: rotateY(180deg);
}
.wc-btn-border {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 16px 30px;
  border: 1px solid var(--white);
  overflow: hidden;
  transition: all 0.3s;
  z-index: 1;
  position: relative;
}
.wc-btn-border:hover {
  color: var(--white);
}
.light .wc-btn-border {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .wc-btn-border:hover {
  color: var(--black-2);
}
.wc-btn-primary {
  padding: 22px 40px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--black-2);
  text-transform: capitalize;
  background-color: var(--primary);
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  z-index: 1;
  gap: 10px;
}
.wc-btn-primary:hover {
  color: var(--black-2);
  background-color: var(--white);
}
.light .wc-btn-primary:hover {
  color: var(--white);
  background-color: var(--black-2);
}
.dir-rtl .wc-btn-primary i {
  transform: rotateY(180deg);
}
.wc-btn-circle {
  text-align: center;
  width: 140px;
  height: 140px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  border-radius: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .wc-btn-circle {
    width: 130px;
    height: 130px;
  }
}
.wc-btn-circle:hover {
  color: var(--white);
}
.wc-btn-oval {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  border: 1px solid #3F3A36;
  display: inline-block;
  padding: 32px 52px;
  text-align: center;
  transition: all 0.3s;
  border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
}
.light .wc-btn-oval {
  color: var(--black-2);
}
.wc-btn-oval:hover {
  color: var(--primary);
}
.wc-btn-light {
  color: var(--white) !important;
  border-color: var(--white) !important;
}
.wc-btn-light:hover {
  color: var(--black-2) !important;
}
.wc-btn-light span {
  background-color: var(--white) !important;
}
.wc-btn-ellipse {
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  padding: 45px 45px;
  position: relative;
  display: inline-block;
  background-color: var(--white);
  border-radius: 100%;
  border-top-left-radius: 200%;
  border-bottom-right-radius: 200%;
  z-index: 1;
}
.light .wc-btn-ellipse {
  color: var(--black-2);
  background-color: var(--black-2);
}
.wc-btn-ellipse:before {
  position: absolute;
  content: "";
  width: calc(100% - 14px);
  height: calc(100% - 2px);
  background-color: var(--black-2);
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  border-top-left-radius: 200%;
  border-bottom-right-radius: 200%;
}
.light .wc-btn-ellipse:before {
  background-color: #EDEDED;
}
.wc-btn-appointment {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: var(--blue-6);
  text-align: center;
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 215px;
  width: 215px;
  padding: 20px;
}
@media only screen and (max-width: 1199px) {
  .wc-btn-appointment {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .wc-btn-appointment {
    width: 170px;
    height: 170px;
    font-size: 18px;
  }
}
.wc-btn-appointment i {
  font-size: 24px;
  margin-bottom: 10px;
}
.wc-btn-appointment:hover {
  color: var(--blue-3);
}
.wc-btn-underline {
  gap: 10px;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: var(--white);
  padding-bottom: 5px;
  position: relative;
}
.wc-btn-underline::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: var(--white);
  transition: all 0.3s;
}
.light .wc-btn-underline {
  color: var(--black-2);
}
.light .wc-btn-underline::after {
  background-color: var(--black-2);
}
.wc-btn-underline:hover {
  color: var(--primary);
}
.wc-btn-underline:hover::after {
  width: 0%;
}
.wc-btn-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
  color: var(--white);
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.light .wc-btn-link {
  color: var(--black-2);
}
.wc-btn-link i {
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.wc-btn-link:hover {
  color: var(--primary);
}
.wc-btn-link:hover i {
  transform: rotate(0);
  color: var(--primary);
}

.about-btn {
  display: inline-block;
  padding: 15px 30px;
  background-color: var(--primary);
  color: var(--black-2);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.about-btn img {
  padding-left: 15px;
}

.readmore-btn img {
  margin-bottom: 3px;
}

.play_btn_5 {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white);
}
@media only screen and (max-width: 991px) {
  .play_btn_5 {
    height: 80px;
    width: 80px;
  }
}
.play_btn_5:hover {
  border-color: var(--primary);
}
.play_btn_5 i {
  font-size: 20px;
  color: var(--white);
}
.light .play_btn_5 i {
  color: var(--black-2);
}
.light .play_btn_5 img {
  filter: brightness(0);
}

.get-touch {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white-11);
  padding: 13px 18px;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid var(--white);
  margin-inline-end: 40px;
}
.get-touch:hover {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .get-touch {
    padding: 12px 10px;
    margin-inline-end: 12px;
  }
}

.wc-btns-group {
  text-align: center;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .wc-btns-group {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .wc-btns-group {
    padding: 40px 0;
  }
  .wc-btns-group br {
    display: block;
  }
}
.wc-btns-group .btn-wrapper a {
  width: 140px;
  height: 140px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  border-radius: 50%;
  color: var(--black-2);
  font-weight: 500;
}
@media only screen and (max-width: 1199px) {
  .wc-btns-group .btn-wrapper a {
    width: 110px;
    height: 110px;
  }
}
.wc-btns-group .btn-wrapper:first-child a {
  margin-inline-end: -15px;
  background-color: var(--primary);
}
@media only screen and (max-width: 991px) {
  .wc-btns-group .btn-wrapper:first-child a {
    margin-inline-end: 0;
  }
}
.wc-btns-group .btn-wrapper:first-child a span {
  background-color: var(--white);
}
.wc-btns-group .btn-wrapper:last-child a {
  margin-inline-start: -15px;
}
.light .wc-btns-group .btn-wrapper:last-child a {
  background: var(--black-2);
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .wc-btns-group .btn-wrapper:last-child a {
    margin-inline-start: 0;
    margin-top: -15px;
  }
}
.wc-btns-group .btn-wrapper:last-child a:hover {
  border: 0;
}
.wc-btns-group .btn-wrapper:last-child a span {
  background-color: var(--primary);
}
.wc-btns-group-wrap {
  height: 425px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--black-6);
}
.light .wc-btns-group-wrap {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 1399px) {
  .wc-btns-group-wrap {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .wc-btns-group-wrap {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .wc-btns-group-wrap {
    height: auto;
  }
}
.wc-btns-group a:hover {
  border: 0;
}
.wc-btns-group a span {
  background-color: var(--white);
}

.btn-hover-bgchange {
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.btn-hover-bgchange span {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  z-index: -1;
  border-radius: 100%;
  transition: all 1s;
  background-color: var(--primary);
  transform: translate(-50%, -50%);
}
.btn-hover-bgchange:hover {
  color: var(--black-2);
  border: 1px solid var(--primary);
}
.btn-hover-bgchange:hover span {
  width: 400px;
  height: 400px;
}

@keyframes mask_animation {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes mask_animation_2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
.btn-hover-default {
  transition: all 0.5s;
}
.btn-hover-default:hover {
  color: var(--black-2);
  background-color: var(--white);
}
.btn-hover-cross {
  overflow: hidden;
  position: relative;
  transition: all 1s;
}
.btn-hover-cross::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: var(--primary);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transition: all 0.75s;
  opacity: 0.5;
  z-index: -1;
}
.btn-hover-cross:hover {
  border-color: var(--primary);
  background-color: transparent;
}
.btn-hover-cross:hover::after {
  height: 120%;
  opacity: 1;
}
.btn-hover-divide {
  overflow: hidden;
  position: relative;
  transition: all 1s;
  z-index: 1;
}
.btn-hover-divide::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: var(--primary);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.75s;
  opacity: 0.5;
  z-index: -1;
}
.btn-hover-divide:hover {
  border-color: var(--primary);
  background-color: transparent !important;
  border-color: transparent;
}
.btn-hover-divide:hover::after {
  height: 400%;
  opacity: 1;
}
.btn-hover-cropping {
  overflow: hidden;
  position: relative;
  transition: all 1s;
}
.btn-hover-cropping::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: var(--primary);
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transition: all 0.75s;
  opacity: 0.5;
  z-index: -1;
}
.btn-hover-cropping:hover {
  border-color: var(--primary);
  background-color: transparent;
}
.btn-hover-cropping:hover::after {
  height: 400%;
  opacity: 1;
}
.btn-hover-mask {
  gap: 10px;
  display: inline-flex;
  align-items: center;
  padding: 15px 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  border-radius: 5px;
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  border: 1px solid var(--white);
  z-index: 1;
}
.btn-hover-mask::after {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-2);
  position: absolute;
  content: attr(data-text);
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--white);
  -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
          mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  -webkit-mask-size: 2300% 100%;
          mask-size: 2300% 100%;
  animation: mask_animation_2 0.7s steps(22) forwards;
}
.btn-hover-mask:hover {
  color: var(--white);
}
.btn-hover-mask:hover::after {
  animation: mask_animation 0.7s steps(22) forwards;
}
.light .btn-hover-mask {
  border-color: var(--black-2);
}
.light .btn-hover-mask::after {
  z-index: -1;
  color: var(--white);
  background-color: var(--black-2);
}
.light .btn-hover-mask:hover {
  color: var(--black-2);
}
.btn-rollover-top {
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.btn-rollover-top:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 0px;
  width: 100%;
  z-index: -1;
  content: "";
  background-color: var(--primary);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.btn-rollover-top:hover {
  border-color: var(--primary);
  background-color: transparent;
}
.btn-rollover-top:hover::before {
  top: 0%;
  bottom: auto;
  height: 100%;
}
.btn-rollover-left {
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.btn-rollover-left::before {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: "";
  background-color: var(--primary);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.btn-rollover-left:hover {
  border-color: var(--primary);
  background-color: transparent;
}
.btn-rollover-left:hover::before {
  left: 0%;
  right: auto;
  width: 100%;
}
.btn-rollover-cross {
  overflow: hidden;
  position: relative;
  transition: all 0.5s;
}
.btn-rollover-cross::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 100%;
  left: 100%;
  opacity: 0;
  border-bottom: 3px solid var(--primary);
  border-left: 3px solid var(--primary);
  transition: all 0.75s;
}
.btn-rollover-cross::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 100%;
  right: 100%;
  opacity: 0;
  border-top: 3px solid var(--primary);
  border-right: 3px solid var(--primary);
  transition: all 0.75s;
}
.btn-rollover-cross:hover {
  border-color: transparent;
  color: var(--primary);
}
.btn-rollover-cross:hover::before {
  bottom: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.btn-rollover-cross:hover::after {
  top: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.btn-parallal-border {
  overflow: hidden;
  position: relative;
  transition: all 0.5s;
}
.btn-parallal-border::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 0%;
  bottom: 0;
  left: 0;
  opacity: 0;
  border-bottom: 3px solid var(--primary);
  border-left: 3px solid var(--primary);
  border-radius: 5px;
  transition: all 0.75s;
}
.btn-parallal-border::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 0%;
  top: 0;
  right: 0;
  opacity: 0;
  border-top: 3px solid var(--primary);
  border-right: 3px solid var(--primary);
  border-radius: 5px;
  transition: all 0.75s;
}
.btn-parallal-border:hover {
  border-color: transparent;
  color: var(--primary);
}
.btn-parallal-border:hover::before {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.btn-parallal-border:hover::after {
  opacity: 1;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  01. TITLE CSS START
/*----------------------------------------*/
.sec-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.1;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1399px) {
  .sec-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title {
    font-size: 24px;
  }
}
.sec-title-2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
}
@media only screen and (max-width: 1399px) {
  .sec-title-2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-2 {
    text-align: start;
    font-size: 28px;
    padding-bottom: 40px;
  }
  .sec-title-2 br {
    display: block;
  }
}
.sec-title-2 span {
  font-weight: 400;
  font-family: "Macondo", cursive;
}
.sec-title-3 {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .sec-title-3 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-3 br {
    display: block;
  }
}
.sec-title-4 {
  font-size: 60px;
  font-weight: 500;
}
.sec-title-5 {
  font-weight: 600;
  font-size: 65px;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .sec-title-5 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-5 {
    font-size: 48px;
  }
}
.sec-title-5 span {
  display: block;
  font-weight: 400;
  font-family: "newYork";
  padding-inline-start: 100px;
  position: relative;
}
.sec-title-5 span::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 50%;
  width: 80px;
  height: 1px;
  background-color: var(--white);
}
.sec-title-6 {
  font-weight: 400;
  font-size: 80px;
  line-height: 1;
  color: var(--white-11);
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .sec-title-6 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-6 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-6 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-6 {
    font-size: 30px;
  }
}
.sec-title-7 {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .sec-title-7 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-7 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-7 {
    font-size: 30px;
  }
}
.sec-title-8 {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  text-transform: capitalize;
}
@media only screen and (max-width: 1199px) {
  .sec-title-8 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-8 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-8 {
    font-size: 30px;
  }
}
.sec-title-9 {
  font-weight: 500;
  font-size: 60px;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .sec-title-9 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-9 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-9 {
    font-size: 32px;
  }
}
.sec-title-10 {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.08;
}
@media only screen and (max-width: 1399px) {
  .sec-title-10 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-10 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-10 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-10 {
    font-size: 50px;
  }
}
.sec-title-10 span {
  display: block;
  padding-inline-start: 150px;
}
@media only screen and (max-width: 1199px) {
  .sec-title-10 span {
    padding-inline-start: 100px;
  }
}
.sec-title-11 {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.15;
  text-transform: uppercase;
  text-indent: 130px;
  background-image: url(../imgs/writer/shape-4.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: 85px 18px;
}
.dir-rtl .sec-title-11 {
  background-position: calc(100% - 85px) 18px;
}
@media only screen and (max-width: 1199px) {
  .sec-title-11 {
    font-size: 48px;
    background-position: 88px 10px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-11 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-11 {
    font-size: 32px;
    text-indent: 60px;
    background-position: 20px 3px;
  }
}
.sec-title-12 {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.05;
}
@media only screen and (max-width: 1399px) {
  .sec-title-12 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-12 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-12 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-12 {
    font-size: 48px;
  }
  .sec-title-12 br {
    display: block;
  }
}
.sec-title-13 {
  font-weight: 400;
  font-size: 80px;
  line-height: 1.2;
}
@media only screen and (max-width: 1399px) {
  .sec-title-13 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-13 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-13 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-13 {
    font-size: 40px;
  }
}
.sec-title-13 span {
  color: var(--primary);
}
.sec-title-14 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .sec-title-14 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-14 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-14 br {
    display: block;
  }
}
.sec-title-15 {
  font-size: 80px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .sec-title-15 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-15 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-15 {
    font-size: 28px;
  }
}
.sec-title-16 {
  font-size: 70px;
  line-height: 1;
  font-weight: 500;
  color: var(--white-14);
}
@media only screen and (max-width: 1399px) {
  .sec-title-16 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-16 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-16 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-16 {
    font-size: 36px;
  }
}
.sec-title-17 {
  font-size: 70px;
  line-height: 0.9;
  font-weight: 400;
  color: var(--white-15);
}
.light .sec-title-17 {
  color: var(--green-6);
}
@media only screen and (max-width: 1399px) {
  .sec-title-17 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-17 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-17 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-17 {
    font-size: 36px;
  }
}
.sec-title-18 {
  font-size: 170px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .sec-title-18 {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1399px) {
  .sec-title-18 {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .sec-title-18 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-title-18 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-title-18 {
    font-size: 60px;
  }
}
.sec-sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--primary);
  position: relative;
  z-index: 1;
}
.light .sec-sub-title {
  color: var(--primary);
}
.sec-sub-title-2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--primary);
  text-transform: capitalize;
}
.sec-sub-title-3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--black-2);
  text-transform: uppercase;
}
.sec-sub-title-4 {
  font-size: 14px;
  line-height: 1.7;
  color: var(--white);
  position: relative;
  padding-inline-start: 100px;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .sec-sub-title-4 {
    padding-inline-start: 50px;
  }
}
.sec-sub-title-4::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 80px;
  height: 1px;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .sec-sub-title-4::before {
    width: 40px;
  }
}
.sec-sub-title-5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
}
.sec-sub-title-6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  height: 40px;
  padding: 7px 25px;
  display: inline-block;
  color: var(--white-14);
  background-image: url(../imgs/motivational-speaker/shape-3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.sec-sub-title-11 {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: var(--black-9);
  text-align: center;
  text-transform: uppercase;
}
.sec-sub-title-18 {
  font-size: 24px;
  text-transform: uppercase;
}

.hero-title {
  font-weight: 600;
  font-size: 90px;
  line-height: 1;
  text-transform: uppercase;
}
.hero-title-5 {
  font-weight: 500;
  font-size: 150px;
  line-height: 1;
  color: var(--black-2);
}

.section-right p {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .section_wrapper {
    flex-wrap: wrap;
  }
}

.dis_6 {
  font-size: 18px;
  border-bottom: 1px solid #3F3A36;
}

.sec-title-4.about-title-7 {
  font-family: "newYork";
  font-weight: 400;
}

.title-7 {
  font-size: 100px;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .title-7 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .title-7 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .title-7 {
    font-size: 30px;
  }
}
.title-7.title-6 {
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .title-7.title-6 {
    font-size: 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .title-7.title-6 {
    font-size: 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .title-7.title-6 {
    font-size: 30px;
    text-align: center;
    padding: 15px 0;
  }
}
.title-7.title-6 span {
  padding-inline-start: 150px;
}
@media only screen and (max-width: 767px) {
  .title-7.title-6 span {
    padding-inline-start: 0;
  }
}

.light .sec-sub-title-6 {
  background-image: url(../imgs/motivational-speaker/shape-4.png);
}
.light .sec-title-11 {
  background-image: url(../imgs/writer/start-dark.png);
}
.light .sec-title-5 span {
  padding-inline-start: 70px;
}
.light .sec-title-5 span::before {
  width: 60px;
  background-color: var(--black-2);
}
.light .sec-sub-title-4::before {
  background-color: var(--black-2);
}
.light .sec-sub-title-11 {
  color: var(--gray-10);
}

/*----------------------------------------*/
/*  01. MENU CSS START
/*----------------------------------------*/
.main-menu.menu-dark > ul > li > a {
  color: var(--black-2);
}
.main-menu.menu-light > ul > li > a {
  color: var(--white);
}
.main-menu > ul {
  display: flex;
}
.main-menu > ul > li:hover > a {
  color: var(--primary);
}
.main-menu > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  left: 0;
}
.main-menu > ul > li:hover > ul.dp-menu li:hover > ul {
  opacity: 1;
  pointer-events: all;
  left: 100%;
}
.main-menu li {
  position: relative;
}
.main-menu li a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--white);
  padding: 30px 25px;
  text-transform: capitalize;
}
.light .main-menu li a {
  color: var(--black-2);
}
.main-menu ul.dp-menu {
  background-color: #232529;
  padding: 18px 0px;
  width: 250px;
  position: absolute;
  left: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu ul.dp-menu ul {
  background: var(--black-2);
  padding: 18px 0px;
  width: 300px;
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu ul.dp-menu li {
  position: relative;
  padding: 0 25px;
}
.main-menu ul.dp-menu li:hover > a {
  color: var(--primary);
  background-color: transparent;
}
.main-menu ul.dp-menu li:hover > ul {
  opacity: 1;
  transform: none !important;
  pointer-events: all;
}
.main-menu ul.dp-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #999999;
  padding: 10px 0;
  background-color: transparent;
  border-radius: 8px;
  text-transform: capitalize;
}
.main-menu ul.dp-menu li a:hover {
  letter-spacing: 0.5px;
}
.main-menu ul.dp-menu li a:after {
  transform: rotate(-90deg);
  margin-left: auto;
}
.main-menu .has-mega-menu {
  position: static;
}
.main-menu li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: var(--font_awesome);
  margin-inline-start: 5px;
  font-weight: 600;
  font-size: 14px;
}
.main-menu .mega-menu {
  background-color: var(--black-2);
  padding: 30px 50px;
  width: 100%;
  position: absolute;
  left: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
  justify-content: center;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.5s;
}
@media only screen and (max-width: 1399px) {
  .main-menu .mega-menu {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.main-menu .mega-menu li:has(ul) > a:after {
  content: "";
}
.main-menu .mega-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #999999;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--black-2);
  border-radius: 8px;
  overflow: hidden;
}
.main-menu .mega-menu li a:hover {
  color: var(--white);
  background: #2C2C2F;
}
.main-menu .mega-menu .title {
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  border-bottom: 1px solid #333337;
  padding-bottom: 20px;
  margin-bottom: 20px;
  pointer-events: none;
  border-radius: 0;
}
.main-menu .mega-style-2 {
  padding: 0 15%;
  gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
.main-menu .mega-style-2 .title {
  height: 70px;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
  padding-left: 30px;
}
.main-menu .mega-style-2 .title:after {
  position: absolute;
  content: "";
  width: 5000px;
  height: 1px;
  background-color: #333337;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu .mega-style-2 > li:not(:first-child) {
  border-left: 1px solid #333337;
}
.main-menu .mega-style-2 ul {
  -moz-column-count: 2;
       column-count: 2;
  position: relative;
  padding: 20px 0;
}
.main-menu .mega-style-2 ul:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 700px;
  background-color: #333337;
  top: 0;
  left: 50%;
  z-index: 1;
}
.main-menu .mega-style-2 ul li a {
  padding-left: 30px;
}
.main-menu .mega-style-3 {
  padding: 0 0 0 20px;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
}
.main-menu .mega-style-3 .title {
  height: 70px;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
  padding-left: 30px;
}
.main-menu .mega-style-3 .title:after {
  position: absolute;
  content: "";
  width: 5000px;
  height: 1px;
  background-color: #333337;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}
.main-menu .mega-style-3 > li:not(:first-child) {
  border-left: 1px solid #333337;
}
.main-menu .mega-style-3 > li:last-child {
  border: none;
  width: 36vw;
}
@media only screen and (max-width: 1399px) {
  .main-menu .mega-style-3 > li:last-child {
    width: 32vw;
  }
}
.main-menu .mega-style-3 ul {
  -moz-column-count: 2;
       column-count: 2;
  position: relative;
  padding: 20px 0;
  -moz-column-gap: 0;
       column-gap: 0;
}
.main-menu .mega-style-3 ul:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 700px;
  background-color: #333337;
  top: 0;
  left: 50%;
  z-index: 1;
}
.main-menu .mega-style-3 ul li {
  margin: 0 10px;
}
.main-menu .mega-style-3 ul li a {
  padding-left: 20px;
}
.main-menu .mega-grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.main-menu .mega-grid-2 {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 60px;
}
.main-menu .list-3-column ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
}
@media only screen and (max-width: 1399px) {
  .main-menu .list-3-column ul {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.main-menu .span-first-item ul li:first-child {
  grid-column: 1/-1;
  -moz-column-span: all;
       column-span: all;
}
.main-menu .new {
  font-size: 10px;
  font-weight: 600;
  background: #FFA38E;
  color: var(--black-2);
  padding: 3px 7px;
  line-height: 1;
  border-radius: 2px;
  margin-inline-start: 8px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .main-menu-2 {
    display: none;
  }
}
.main-menu-2 li {
  display: inline-block;
  padding: 0 10px;
}
.main-menu-2 li a {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--white);
  padding: 10px;
  text-transform: capitalize;
}
.main-menu-2 li a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .main-menu-2 li a {
    padding: 5px 0;
  }
}
.main-menu-3 li {
  display: inline-block;
  margin-right: 45px;
}
@media only screen and (max-width: 1199px) {
  .main-menu-3 li {
    margin-right: 25px;
  }
}
.main-menu-3 li:last-child {
  margin-right: 0;
}
.main-menu-3 li a {
  color: var(--white);
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
.main-menu-3 li a:hover {
  color: var(--primary);
}
.main-menu-4 li {
  display: inline-block;
  margin-right: 50px;
}
.main-menu-4 li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
}
.main-menu-4 li a:hover {
  color: var(--primary);
}

.mega-menu-thumb {
  width: 108%;
  aspect-ratio: 100/83;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .mega-menu-thumb {
    width: 100%;
    height: 100%;
  }
}
.mega-menu-thumb:after {
  position: absolute;
  content: "";
  width: 76%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(28, 29, 32, 0) 0%, #1C1D20 100%);
}
.mega-menu-thumb .laptop-view {
  width: 70%;
  aspect-ratio: 100/114;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  position: absolute;
  right: 70px;
  bottom: 0;
}

.mega-menu-counter__item {
  text-align: center;
  display: inline-block;
  margin-top: 35%;
  margin-left: 17%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .mega-menu-counter__item {
    margin: 30px auto 50px;
  }
}
.mega-menu-counter__text p {
  font-size: 30px;
  line-height: 28px;
  color: var(--white);
  font-weight: 500;
}
.mega-menu-counter__number {
  font-size: 150px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
  color: var(--white);
  background: linear-gradient(136deg, #9479FF 0%, #FFA6D6 47.92%, #FFFCE3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 1199px) {
  .menu-with-number {
    display: none;
  }
}
.menu-with-number li {
  display: inline-block;
}
.menu-with-number li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  padding: 34px 40px;
  display: inline-block;
  text-transform: uppercase;
}
.menu-with-number li a:hover span {
  color: var(--white);
}
.menu-with-number li a:hover span::before {
  background-color: var(--white);
}
.menu-with-number li a.active span {
  color: var(--white);
}
.menu-with-number li a.active span::before {
  position: absolute;
  content: "";
  width: 35px;
  height: 1px;
  right: 20px;
  top: 50%;
  background-color: var(--white);
}
.menu-with-number li a span {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 10px;
  text-align: right;
  color: #999999;
  position: relative;
  transition: all 0.5s;
}
.menu-with-number li a span::before {
  position: absolute;
  content: "";
  width: 35px;
  height: 1px;
  right: 20px;
  top: 50%;
  transition: all 0.5s;
  background-color: var(--black-6);
}

.sidebar-menu li {
  display: block;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1919px) {
  .sidebar-menu li {
    padding-bottom: 10px;
  }
}
.sidebar-menu li a {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  padding: 10px 0;
  text-transform: uppercase;
}
.sidebar-menu li a:hover, .sidebar-menu li a.active {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .sidebar-menu li a {
    padding: 5px 0;
  }
}

/* mean menu customize */
.offcanvas__menu-wrapper.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a {
  border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}
.offcanvas__menu-wrapper.mean-container .mean-nav .new {
  font-size: 10px;
  font-weight: 600;
  background: #FFA38E;
  color: var(--black-2);
  padding: 3px 7px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  padding-inline-start: 15px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: var(--white);
  text-transform: capitalize;
  border-top: 1px solid var(--black-4);
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  outline: none;
  transform: translateY(var(--y)) translateZ(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-sizing: border-box;
}
.light .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
  color: var(--black-2);
  border-color: var(--white-4);
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    font-size: 20px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  width: 54px;
  height: 54px;
  justify-content: center;
  font-weight: 300;
  border: none !important;
}
.light .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  background-color: var(--white-4);
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  right: 275px;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    height: 50px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--secondary);
  opacity: 1;
}
.light .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
  background-color: var(--white-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
  border-top: 1px solid var(--black-4);
}
.light .offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
  border-color: var(--white-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
  font-size: 20px;
  text-transform: capitalize;
  border-top: none !important;
  padding: 12px 0;
  padding-inline-start: 30px;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    font-size: 18px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
  height: 58px;
}
@media only screen and (max-width: 991px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 22px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child {
  border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
  padding-left: 40px;
}
.offcanvas__menu-wrapper.mean-container .mean-bar {
  padding: 0;
  background: none;
  max-height: auto;
  overflow-y: scroll;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar {
  width: 0;
}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
  display: none !important;
}

.light .main-menu li a:hover {
  color: var(--primary);
}
.light .main-menu-2 li a {
  color: var(--black-2);
}
.light .main-menu-2 li a:hover {
  color: var(--primary);
}
.light .main-menu-3 li a {
  color: var(--black-2);
}
.light .main-menu-3 li a:hover {
  color: var(--primary);
}
.light .sidebar-menu li a {
  color: var(--black-2);
}
.light .sidebar-menu li a:hover {
  color: var(--primary);
}
.light .menu-with-number li a {
  color: var(--black-2);
}
.light .menu-with-number li a:hover span {
  color: var(--black-2);
}
.light .menu-with-number li a:hover span::before {
  background-color: var(--black-2);
}
.light .menu-with-number li a span {
  color: var(--black-9);
}
.light .menu-with-number li a span::before {
  background-color: var(--black-9);
}
.light .menu-with-number li a.active span {
  color: var(--black-2);
}
.light .menu-with-number li a.active span::before {
  background-color: var(--black-2);
}

/*----------------------------------------*/
/*  01. MODAL CSS START
/*----------------------------------------*/
.modal__dialog {
  width: 760px;
  max-width: 100%;
  margin-top: 100px;
}
@media only screen and (max-width: 991px) {
  .modal__dialog {
    width: 700px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .modal__dialog {
    width: 350px;
  }
}
.modal__content {
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .modal__content {
    height: 300px;
  }
}
.modal__content iframe {
  width: 100%;
  height: 100%;
}
.modal__close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -15px;
  right: -15px;
  z-index: 9;
  border-radius: 50px;
  font-size: 20px;
  color: var(--white);
  background: var(--black-2);
  transition: all 0.3s;
}
.modal__close:hover {
  color: var(--primary);
}
.modal__sfluence {
  width: 100%;
  height: 100%;
  padding: 60px;
}
@media only screen and (max-width: 767px) {
  .modal__sfluence {
    padding: 20px 10px;
  }
}
.modal__sfluence-area {
  width: 100vw;
  height: 100vh;
  background: var(--black-2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: scale(0.5);
}
.modal__sfluence-area.showed {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.modal__sfluence-area .close_btn {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0px;
  right: 20px;
  z-index: 9;
  border-radius: 50px;
  font-size: 30px;
  color: var(--white);
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__sfluence-area .close_btn:hover {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .modal__sfluence-area .close_btn {
    right: 0;
  }
}
.modal__sfluence-area iframe,
.modal__sfluence-area video {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .modal__sfluence-area iframe,
  .modal__sfluence-area video {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 45%;
  }
}

/*----------------------------------------*/
/*  01. CURSOR CSS START
/*----------------------------------------*/
.cursor {
  position: fixed;
  pointer-events: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: var(--var(--white));
  background: var(--black-2);
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  z-index: 999;
  opacity: 0;
  mix-blend-mode: hard-light;
  transition: all 0.3s;
}
.cursor.large {
  width: 180px;
  height: 180px;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
}

.cursor1 {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid var(--primary);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.15s;
  z-index: 999;
  mix-blend-mode: difference;
}
@media (max-width: 1200px) {
  .cursor1 {
    display: none;
  }
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background-color: var(--primary);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 999;
  mix-blend-mode: difference;
}
@media (max-width: 1200px) {
  .cursor2 {
    display: none;
  }
}

.cursor-testi {
  position: fixed;
  width: 80px;
  height: 80px;
  background-color: var(--black-2);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 999;
}
@media (max-width: 1200px) {
  .cursor-testi {
    display: none;
  }
}

@supports (mix-blend-mode: exclusion) {
  .wc-cursor.exclusion,
  .wc-cursor.opaque {
    mix-blend-mode: exclusion;
  }
}
@supports (mix-blend-mode: exclusion) {
  .wc-cursor.exclusion:before,
  .wc-cursor.opaque:before {
    background: var(--white);
  }
}
.wc-cursor.normal,
.wc-cursor.text {
  mix-blend-mode: normal;
}

.wc-cursor.normal:before,
.wc-cursor.text:before {
  background: currentColor;
}

.wc-cursor.inverse {
  color: var(--white);
}

.wc-cursor.visible:before {
  transform: scale(0.2);
}

.wc-cursor.visible.active:before {
  transform: scale(0.23);
  transition-duration: 0.2s;
}

.wc-cursor.pointer:before {
  transform: scale(0.15);
}

.wc-cursor.text:before {
  opacity: 0.85;
  transform: scale(1.7);
}

.wc-cursor.text.active:before {
  transform: scale(1.6);
  transition-duration: 0.2s;
}

.wc-cursor.opaque:before {
  transform: scale(1.32);
}

.wc-cursor.opaque.active:before {
  transform: scale(1.2);
}

.wc-cursor.sm:before {
  transform: scale(1.25);
}

.wc-cursor.md:before {
  transform: scale(1.5);
}

.wc-cursor.lg:before {
  transform: scale(2);
}

.wc-cursor.xl:before {
  transform: scale(2.5);
}

.wc-cursor.xxl:before {
  transform: scale(3);
}

.wc-cursor.hidden:before {
  transform: scale(0);
}

.color-accent-lilac {
  color: #8d53e9;
}

.color-accent-lilac-bg {
  background: #8d53e9;
}

/* Cursor CSS */
.wc-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  contain: layout style size;
  pointer-events: none;
  will-change: transform;
  color: var(--primary);
  transition: opacity 0.3s, color 0.4s;
}

.wc-cursor:before {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  display: block;
  width: 48px;
  height: 48px;
  transform: scale(0);
  background: currentColor;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out, opacity 0.1s;
}

.wc-cursor-text {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0) rotate(10deg);
  opacity: 0;
  color: var(--white);
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.01em;
  transition: opacity 0.4s, transform 0.3s;
}

.wc-cursor.text .wc-cursor-text {
  opacity: 1;
  transform: scale(1);
}

@supports (mix-blend-mode: exclusion) {
  .wc-cursor.-exclusion,
  .wc-cursor.-opaque {
    mix-blend-mode: exclusion;
  }
}
@supports (mix-blend-mode: exclusion) {
  .wc-cursor.exclusion:before,
  .wc-cursor.opaque:before {
    background: var(--white);
  }
}
.wc-cursor.normal,
.wc-cursor.text {
  mix-blend-mode: normal;
}

.wc-cursor.normal:before,
.wc-cursor.text:before {
  background: currentColor;
}

.wc-cursor.inverse {
  color: var(--white);
}

.wc-cursor.visible:before {
  transform: scale(0.2);
}

.wc-cursor.visible.active:before {
  transform: scale(0.23);
  transition-duration: 0.2s;
}

.wc-cursor.pointer:before {
  transform: scale(0.15);
}

.wc-cursor.text:before {
  opacity: 0.85;
  transform: scale(1.7);
}

.wc-cursor.text.active:before {
  transform: scale(1.6);
  transition-duration: 0.2s;
}

.wc-cursor.opaque:before {
  transform: scale(1.32);
}

.wc-cursor.opaque.active:before {
  transform: scale(1.2);
}

.wc-cursor.sm:before {
  transform: scale(1.25);
}

.wc-cursor.md:before {
  transform: scale(1.5);
}

.wc-cursor.lg:before {
  transform: scale(2);
}

.wc-cursor.xl:before {
  transform: scale(2.5);
}

.wc-cursor.xxl:before {
  transform: scale(3);
}

.wc-cursor.xxxl:before {
  transform: scale(3.5);
}

.wc-cursor.hidden:before {
  transform: scale(0);
}

/*----------------------------------------*/
/*  01. HERO CSS START
/*----------------------------------------*/
.progress__item p.title, .progress__item-2 p.title {
  padding: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: var(--white);
  padding-bottom: 15px;
  text-transform: uppercase;
}
.progress__item-2 {
  padding-bottom: 25px;
}

.light .progress__item p.title, .light .progress__item-2 p.title {
  color: var(--black-2);
}
.light .developer-skill__resume .sonny_progressbar .progress-percent {
  color: var(--black-2);
}

.cf-cta__text-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  grid-gap: 45px;
}
@media only screen and (max-width: 991px) {
  .cf-cta__text-wrapper {
    grid-template-columns: 1fr;
  }
}
.cf-cta__btn .wc-btn-default {
  font-size: 18px;
  font-weight: 600;
  padding: 35px 75px;
  background-color: var(--white);
  color: var(--black-2);
  text-transform: uppercase;
  border-width: 0;
}
.light .cf-cta__btn .wc-btn-default {
  background-color: var(--black-2);
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .cf-cta__btn .wc-btn-default {
    padding: 20px 40px;
    font-weight: 500;
  }
}
.light .cf-cta__btn .wc-btn-default:hover {
  color: var(--black-2);
}
.cf-cta__text {
  max-width: 250px;
  position: absolute;
  inset-inline-end: -30px;
  top: 47%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .cf-cta__text {
    inset-inline-end: -130px;
    max-width: 270px;
  }
}
@media only screen and (max-width: 991px) {
  .cf-cta__text {
    inset-inline-end: 0;
    max-width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .cf-cta__text {
    position: static;
    transform: none;
  }
}
.cf-cta__text p {
  font-size: 18px;
}
.light .cf-cta__text p {
  color: #555555;
}
.cf-cta__sec-title-wrapper {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .cf-cta__sec-title-wrapper .sec-title-18 {
    margin-bottom: 20px;
    font-size: 40px;
  }
}

.switcher__area {
  position: relative;
  z-index: 999;
  direction: ltr;
}
@media only screen and (max-width: 767px) {
  .switcher__area {
    display: none;
  }
}
.switcher__icon {
  position: fixed;
  width: 50px;
  height: 50px;
  background: var(--black-2);
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  z-index: 9999;
  transition: all 0.3s;
  mix-blend-mode: exclusion;
}
.switcher__icon i {
  color: var(--white);
}
.switcher__icon button {
  font-size: 24px;
  color: var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  transition: all 0.3s;
}
.switcher__icon button:hover {
  color: var(--gray-2);
}
.switcher__icon button#switcher_open {
  animation: wcSpinner 5s infinite linear;
}
.switcher__items {
  width: 280px;
  padding: 50px 30px;
  background: var(--black-2);
  position: fixed;
  right: -280px;
  top: 40%;
  z-index: 99;
  transform: translateY(-50%);
  font-family: "euclid_Circular_B";
  transition: all 0.3s;
}
.switcher__items .wc-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.switcher__item {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .switcher__item:nth-child(3) {
    display: none;
  }
}
.switcher__item:last-child {
  margin-bottom: 0;
}
.switcher__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--white) !important;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.switcher__btn button {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-2);
  background: #2B2B2F;
  border-radius: 4px;
  padding: 10px 15px;
  text-transform: capitalize;
}
.switcher__btn button:hover, .switcher__btn button.active {
  color: var(--white);
}
.switcher__btn select {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-2);
  width: 100%;
  border: none;
  padding: 9px 10px;
  border-radius: 4px;
  background: #2B2B2F;
  text-transform: capitalize;
  outline: none;
  cursor: pointer;
}

#switcher_close {
  display: none;
}

.overlay-switcher-close {
  position: fixed;
  z-index: 99;
  height: 100%;
  width: 100%;
  background-color: transparent;
  display: none;
}

.overlay-switcher-close.show-overlay {
  display: block;
}

.wcf__iconbox {
  display: inline-block;
}
.wcf__iconbox .link {
  color: var(--white);
  margin-top: 10px;
  display: inline-block;
  text-transform: capitalize;
}
.light .wcf__iconbox .link {
  color: var(--black-2);
}
.wcf__iconbox.style-1 {
  padding: 35px 30px 30px;
  border-radius: 30px;
  background: #FAF2E7;
  text-align: center;
}
.wcf__iconbox.style-1 .icon {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  background-color: #FFDAA2;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.wcf__iconbox.style-1 .icon img {
  max-height: 34px;
}
.wcf__iconbox.style-1 .title {
  color: #16254C;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.wcf__iconbox.style-1 .desc {
  color: #16254C;
}
.wcf__iconbox.style-2 .icon {
  margin-bottom: 50px;
}
.wcf__iconbox.style-2 .title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.wcf__iconbox.style-2 .desc {
  font-size: 18px;
}
.wcf__iconbox.style-3 .icon {
  margin-bottom: 40px;
}
.wcf__iconbox.style-3 .title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 30px;
  color: var(--white-15);
}
.light .wcf__iconbox.style-3 .title {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-3 .title {
    font-size: 32px;
  }
}
.wcf__iconbox.style-3 .desc {
  font-size: 18px;
  color: var(--white-15);
}
.light .wcf__iconbox.style-3 .desc {
  color: var(--black-2);
}
.wcf__iconbox.style-4 .icon {
  margin-bottom: 40px;
}
.wcf__iconbox.style-4 .title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 15px;
  color: var(--white);
  text-transform: uppercase;
}
.light .wcf__iconbox.style-4 .title {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .wcf__iconbox.style-4 .title {
    font-size: 24px;
  }
}
.wcf__iconbox.style-4 .desc {
  font-size: 18px;
  color: var(--white);
}
.light .wcf__iconbox.style-4 .desc {
  color: var(--black-2);
}
.wcf__iconbox.style-5 {
  padding: 40px 40px 40px;
  background-color: #B1DED9;
}
@media only screen and (max-width: 1399px) {
  .wcf__iconbox.style-5 {
    padding: 30px 30px 30px;
  }
}
.wcf__iconbox.style-5:hover .icon img,
.wcf__iconbox.style-5:hover .icon svg,
.wcf__iconbox.style-5:hover .icon i {
  transform: rotate(40deg);
}
.dir-rtl .wcf__iconbox.style-5:hover .icon img,
.dir-rtl .wcf__iconbox.style-5:hover .icon svg,
.dir-rtl .wcf__iconbox.style-5:hover .icon i {
  transform: rotate(-40deg);
}
.wcf__iconbox.style-5:hover .icon:after {
  opacity: 1;
  transform: scale(1);
}
.wcf__iconbox.style-5 .icon {
  position: relative;
  margin-bottom: 40px;
}
.wcf__iconbox.style-5 .icon img,
.wcf__iconbox.style-5 .icon svg,
.wcf__iconbox.style-5 .icon i {
  transition: all 0.3s;
}
.wcf__iconbox.style-5 .icon i {
  font-size: 120px;
}
.wcf__iconbox.style-5 .icon:after {
  position: absolute;
  content: "";
  width: 156px;
  height: 15px;
  flex-shrink: 0;
  background: linear-gradient(90deg, rgba(42, 42, 90, 0.28) 0%, rgba(42, 42, 90, 0) 100%);
  filter: blur(4px);
  inset-inline-start: 0;
  bottom: 8px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
}
.dir-rtl .wcf__iconbox.style-5 .icon:after {
  background: linear-gradient(270deg, rgba(42, 42, 90, 0.28) 0%, rgba(42, 42, 90, 0) 100%);
}
.wcf__iconbox.style-5 .title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.17;
  margin-bottom: 17px;
  color: #143935;
}
@media only screen and (max-width: 991px) {
  .wcf__iconbox.style-5 .title {
    font-size: 24px;
  }
}
.wcf__iconbox.style-5 .desc {
  font-size: 18px;
  color: #2E5853;
}
.wcf__iconbox.style-5 .link {
  border: 1px solid #143935;
  color: #143935;
  text-transform: uppercase;
  padding: 14px 26px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  background: transparent;
  border-radius: 100px;
  display: inline-block;
  margin-top: 33px;
}
.wcf__iconbox.style-5 .link:hover {
  color: var(--white);
  background-color: #143935;
}
.wcf__iconbox.style-6 {
  position: relative;
  margin: 5px;
  overflow: hidden;
  transition: all 0.5s;
  padding: 50px;
  background-color: var(--black-4);
  z-index: 3;
}
.light .wcf__iconbox.style-6 {
  background-color: var(--white-2);
}
.wcf__iconbox.style-6::before {
  position: absolute;
  content: "\f061";
  font-weight: 700;
  font-size: 20px;
  font-family: "Font Awesome 6 Free";
  inset-inline-end: 20px;
  top: 0;
  color: var(--black-2);
  transform: rotate(-45deg) translate(-50px, 20px);
  transition: all 0.3s;
  opacity: 0;
}
.dir-rtl .wcf__iconbox.style-6::before {
  content: "\f062";
  transform: rotate(-45deg) translate(-25px, 50px);
}
.wcf__iconbox.style-6:hover {
  background-color: transparent;
}
.wcf__iconbox.style-6:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translate(-30px, 10px);
}
.dir-rtl .wcf__iconbox.style-6:hover::before {
  transform: rotate(-45deg) translate(-15px, 25px);
}
.wcf__iconbox.style-6:hover .icon img {
  filter: brightness(0);
}
.wcf__iconbox.style-6:hover .icon i {
  color: var(--black-2);
}
.wcf__iconbox.style-6:hover .icon svg {
  fill: var(--black-2);
}
.wcf__iconbox.style-6:hover .title,
.wcf__iconbox.style-6:hover .desc {
  color: var(--black-2);
}
.wcf__iconbox.style-6 .icon {
  margin-bottom: 115px;
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-6 .icon {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__iconbox.style-6 .icon {
    margin-bottom: 60px;
  }
}
.wcf__iconbox.style-6 .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
  margin-bottom: 12px;
  transition: all 0.3s;
}
.wcf__iconbox.style-6 .desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-6 .desc {
    font-size: 20px;
  }
}
.wcf__iconbox.style-7 {
  padding: 50px 40px;
  background-color: var(--black-4);
}
.light .wcf__iconbox.style-7 {
  background-color: var(--white-2);
}
@media only screen and (max-width: 1399px) {
  .wcf__iconbox.style-7 {
    padding: 40px 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-7 {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__iconbox.style-7 {
    padding: 50px 40px;
  }
}
.wcf__iconbox.style-7:hover .title {
  color: var(--primary);
}
.wcf__iconbox.style-7 .title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
  padding-bottom: 80px;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-7 .title {
    font-size: 22px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__iconbox.style-7 .title {
    padding-bottom: 50px;
  }
}
.wcf__iconbox.style-7 .icon {
  margin-bottom: 75px;
}
@media only screen and (max-width: 1199px) {
  .wcf__iconbox.style-7 .icon {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__iconbox.style-7 .icon {
    margin-bottom: 40px;
  }
}

.wcf__testimonial .wcf__slider {
  text-align: center;
  margin: 0 auto;
  --slides-to-show: 1;
  --space-between: 20px;
}
.wcf__testimonial .wcf__slider:not(.swiper-initialized) .swiper-wrapper {
  gap: var(--space-between);
}
.wcf__testimonial .wcf__slider:not(.swiper-initialized) .swiper-slide {
  width: calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1) / var(--slides-to-show));
}
.wcf__testimonial .image {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial .image {
    margin-bottom: 30px;
  }
}
.wcf__testimonial .image img {
  max-width: 80px;
}
.wcf__testimonial .feedback {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 50px;
}
.light .wcf__testimonial .feedback {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial .feedback {
    font-size: 22px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial .feedback {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial .feedback {
    font-size: 18px;
  }
}
.wcf__testimonial .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.light .wcf__testimonial .name {
  color: var(--black-2);
}
.wcf__testimonial .designation {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--gray-4);
}
.light .wcf__testimonial .designation {
  color: var(--gray);
}
.wcf__testimonial .swiper-pagination {
  bottom: -40px;
}
.wcf__testimonial .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--primary);
}
.wcf__testimonial .ts-navigation {
  text-align: center;
}
.wcf__testimonial.style-1 .wcf__slider {
  max-width: 630px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-1 .wcf__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-1 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-1 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-1 .feedback {
  font-style: italic;
}
.wcf__testimonial.style-1 .name {
  padding-bottom: 3px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-1 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-1 .wcf-arrow {
  font-size: 20px;
  color: var(--gray-4);
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--black-6);
  transition: all 0.3s;
  z-index: 9;
}
.light .wcf__testimonial.style-1 .wcf-arrow {
  color: var(--gray);
  border-color: var(--white-4);
}
.wcf__testimonial.style-1 .wcf-arrow:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.wcf__testimonial.style-1 .wcf-arrow-prev {
  left: 0;
}
.wcf__testimonial.style-1 .wcf-arrow-next {
  right: 0;
}
.wcf__testimonial.style-2 .wcf__slider {
  max-width: 630px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-2 .wcf__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-2 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-2 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-2 .feedback {
  color: var(--gray-4);
  font-size: 18px;
  line-height: 1.55;
}
.light .wcf__testimonial.style-2 .feedback {
  color: var(--gray);
}
.wcf__testimonial.style-2 .name {
  font-size: 24px;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-2 .name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-2 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-2 .wcf-arrow {
  border-radius: 0;
  font-size: 20px;
  color: var(--gray-4);
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 1px solid var(--black-6);
  transition: all 0.3s;
  z-index: 9;
}
.light .wcf__testimonial.style-2 .wcf-arrow {
  color: var(--gray);
  border-color: var(--white-4);
}
.wcf__testimonial.style-2 .wcf-arrow:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.wcf__testimonial.style-2 .wcf-arrow-prev {
  left: 0;
}
.wcf__testimonial.style-2 .wcf-arrow-next {
  right: 0;
}
.wcf__testimonial.style-2::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 150px;
  top: 50%;
  left: 110px;
  transform: translateY(-50%);
  background-color: var(--black-6);
}
.light .wcf__testimonial.style-2::after {
  background-color: var(--white-4);
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-2::after {
    left: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-2::after {
    display: none;
  }
}
.wcf__testimonial.style-2::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 150px;
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  background-color: var(--black-6);
}
.light .wcf__testimonial.style-2::before {
  background-color: var(--white-4);
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-2::before {
    right: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-2::before {
    display: none;
  }
}
.wcf__testimonial.style-3 .wcf__slider {
  max-width: 770px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-3 .wcf__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-3 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-3 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-3 .feedback {
  line-height: 1.45;
  padding-bottom: 30px;
}
.wcf__testimonial.style-3 .name {
  text-transform: capitalize;
}
.wcf__testimonial.style-3 .designation {
  line-height: 1.8;
  color: #F4F2ED;
}
.light .wcf__testimonial.style-3 .designation {
  color: var(--gray);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-3 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-3 .wcf-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 9;
}
.wcf__testimonial.style-3 .wcf-arrow:hover {
  color: var(--primary);
}
.wcf__testimonial.style-3 .wcf-arrow-prev {
  left: 0;
}
.wcf__testimonial.style-3 .wcf-arrow-next {
  right: 0;
}
.wcf__testimonial.style-4 .wcf__slider {
  max-width: 770px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-4 .wcf__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-4 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-4 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-4 .feedback {
  color: #3F524C;
  font-family: "Overlock", cursive;
  font-size: 28px;
  font-style: italic;
  line-height: 1.25;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-4 .feedback {
    font-size: 22px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-4 .feedback {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-4 .feedback {
    font-size: 18px;
    padding-bottom: 25px;
  }
}
.wcf__testimonial.style-4 .name {
  color: #3F524C;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-4 .name {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-4 .name {
    font-size: 20px;
  }
}
.wcf__testimonial.style-4 .designation {
  padding-top: 3px;
  color: var(--green-6);
}
.wcf__testimonial.style-4 .ts-navigation {
  width: 230px;
  display: flex;
  gap: 90px;
  justify-content: space-between;
  flex-flow: row-reverse;
  margin: 0 auto;
  margin-top: 70px;
}
.dir-rtl .wcf__testimonial.style-4 .ts-navigation {
  flex-flow: row;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-4 .ts-navigation {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-4 .ts-navigation {
    gap: 30px;
    width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-4 .ts-navigation {
    margin-top: 30px;
  }
}
.wcf__testimonial.style-4 .wcf-arrow {
  transition: all 0.3s;
}
.wcf__testimonial.style-4 .wcf-arrow:hover {
  color: var(--primary);
}
.wcf__testimonial.style-5 .wcf__slider {
  max-width: 910px;
  padding-top: 45px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-5 .wcf__slider {
    max-width: 580px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-5 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-5 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-5 .image {
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-5 .image {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-5 .image {
    margin-bottom: 30px;
  }
}
.wcf__testimonial.style-5 .image::after {
  position: absolute;
  content: "";
  width: 236px;
  height: 152px;
  transform: translate(-50%, -30px) rotate(-30deg);
  border: 1px solid #FBFAF7;
  border-radius: 50%;
}
.dir-rtl .wcf__testimonial.style-5 .image::after {
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-5 .image::after {
    width: 180px;
    height: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-5 .image::after {
    width: 160px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-5 .image::after {
    width: 130px;
    height: 70px;
    transform: translate(-50%, -20px) rotate(-30deg);
  }
}
.wcf__testimonial.style-5 .image img {
  max-width: 36px;
}
.wcf__testimonial.style-5 .feedback {
  color: #FBFAF7;
  font-size: 50px;
  line-height: 1;
}
.light .wcf__testimonial.style-5 .feedback {
  color: #384364;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-5 .feedback {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-5 .feedback {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-5 .feedback {
    font-size: 20px;
  }
}
.wcf__testimonial.style-5 .name {
  color: #FBFAF7;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
.light .wcf__testimonial.style-5 .name {
  color: #384364;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-5 .name {
    font-size: 18px;
  }
}
.wcf__testimonial.style-5 .designation {
  color: #ACB2C2;
  line-height: 1.5;
}
.light .wcf__testimonial.style-5 .designation {
  color: var(--gray-4);
}
.wcf__testimonial.style-5 .ts-navigation {
  width: 190px;
  display: flex;
  gap: 90px;
  justify-content: space-between;
  flex-flow: row-reverse;
  margin: 0 auto;
  margin-top: 90px;
}
.dir-rtl .wcf__testimonial.style-5 .ts-navigation {
  flex-flow: row;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-5 .ts-navigation {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-5 .ts-navigation {
    gap: 30px;
    margin-top: 40px;
  }
}
.wcf__testimonial.style-5 .wcf-arrow {
  padding: 0 5px;
  transition: all 0.3s;
}
.wcf__testimonial.style-5 .wcf-arrow:hover {
  color: var(--primary);
}
.wcf__testimonial.style-5 .swiper-pagination {
  bottom: 0;
  pointer-events: none;
}
.wcf__testimonial.style-5 .swiper-pagination span {
  font-size: 14px;
  color: #FBFAF7;
}
.light .wcf__testimonial.style-5 .swiper-pagination span {
  color: #384364;
}
.wcf__testimonial.style-5 .mid-line {
  width: 100px;
  display: inline-block;
  background-color: #FBFAF7;
  height: 1px;
  transform: translateY(-5px);
  margin-right: 10px;
  margin-left: 10px;
}
.light .wcf__testimonial.style-5 .mid-line {
  background-color: #384364;
}
.wcf__testimonial.style-6 {
  gap: 50px;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-6 {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-6 {
    gap: 20px;
  }
}
.wcf__testimonial.style-6 .wcf__slider {
  max-width: 100%;
  text-align: start;
  margin-inline-end: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-6 .wcf__slider {
    margin-inline-end: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-6 .wcf__slider {
    margin-inline-end: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-6 .wcf__slider {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.wcf__testimonial.style-6 .image {
  margin-bottom: 35px;
}
.wcf__testimonial.style-6 .feedback {
  font-style: italic;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-6 .feedback {
    padding-bottom: 20px;
  }
}
.wcf__testimonial.style-6 .designation {
  color: var(--white);
}
.light .wcf__testimonial.style-6 .designation {
  color: var(--black-2);
}
.wcf__testimonial.style-6 .swiper-pagination {
  width: 20px;
  position: unset;
}
.wcf__testimonial.style-6 .swiper-pagination span {
  display: block;
  font-size: 16px;
}
.wcf__testimonial.style-6 .swiper-pagination-current, .wcf__testimonial.style-6 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .wcf__testimonial.style-6 .swiper-pagination-total {
  color: var(--white);
}
.light .wcf__testimonial.style-6 .swiper-pagination-current, .light .wcf__testimonial.style-6 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .light .wcf__testimonial.style-6 .swiper-pagination-total {
  color: var(--black-2);
}
.wcf__testimonial.style-6 .mid-line {
  width: 1px;
  height: 120px;
  margin: 3px auto;
  background-color: var(--white);
}
.light .wcf__testimonial.style-6 .mid-line {
  background-color: var(--black-2);
}
.wcf__testimonial.style-6 .ts-pagination {
  display: flex;
  align-items: center;
  padding-inline-start: 40px;
  border-inline-start: 1px solid #333337;
}
.light .wcf__testimonial.style-6 .ts-pagination {
  border-color: #D4E5E7;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-6 .ts-pagination {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-6 .ts-pagination {
    padding-inline-start: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-6 .ts-pagination {
    padding-inline-start: 10px;
  }
}
.wcf__testimonial.style-6 .ts-navigation {
  display: flex;
  align-items: center;
  padding-inline-start: 40px;
  border-inline-start: 1px solid #333337;
  flex-direction: column;
  justify-content: space-around;
}
.light .wcf__testimonial.style-6 .ts-navigation {
  border-color: #D4E5E7;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-6 .ts-navigation {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-6 .ts-navigation {
    padding-inline-start: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-6 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-6 .ts-navigation img {
  width: 72px;
  max-width: 72px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-6 .ts-navigation img {
    width: 60px;
    max-width: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-6 .ts-navigation img {
    width: 50px;
    max-width: 50px;
  }
}
.wcf__testimonial.style-7 {
  gap: 50px;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-7 {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 {
    flex-wrap: wrap;
  }
}
.wcf__testimonial.style-7 .wcf__slider {
  max-width: 100%;
  text-align: start;
  margin-inline-end: 30px;
  padding-top: 25px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-7 .wcf__slider {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-inline-end: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .wcf__slider {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.wcf__testimonial.style-7 .slide {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .slide {
    margin-inline-start: 50px;
  }
}
.wcf__testimonial.style-7 .image {
  margin-bottom: 0;
  position: absolute;
  inset-inline-start: 0;
  top: 10px;
}
.wcf__testimonial.style-7 .image img {
  max-width: 36px;
}
.light .wcf__testimonial.style-7 .image img {
  filter: brightness(0);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .image img {
    max-width: 30px;
  }
}
.wcf__testimonial.style-7 .feedback {
  font-size: 36px;
  font-weight: 300;
  font-style: italic;
  padding-bottom: 40px;
  line-height: 1.25;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-7 .feedback {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-7 .feedback {
    font-size: 24px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .feedback {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
.wcf__testimonial.style-7 .designation {
  color: var(--white);
}
.light .wcf__testimonial.style-7 .designation {
  color: var(--black-2);
}
.wcf__testimonial.style-7 .swiper-pagination {
  width: 20px;
  position: unset;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .swiper-pagination {
    display: flex;
    width: 100%;
  }
}
.wcf__testimonial.style-7 .swiper-pagination span {
  display: block;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .swiper-pagination span {
    display: inline-block;
  }
}
.wcf__testimonial.style-7 .swiper-pagination-current, .wcf__testimonial.style-7 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .wcf__testimonial.style-7 .swiper-pagination-total {
  color: var(--white);
}
.light .wcf__testimonial.style-7 .swiper-pagination-current, .light .wcf__testimonial.style-7 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .light .wcf__testimonial.style-7 .swiper-pagination-total {
  color: var(--black-2);
}
.wcf__testimonial.style-7 .mid-line {
  width: 1px;
  height: 120px;
  margin: 3px auto;
  background-color: var(--white);
}
.light .wcf__testimonial.style-7 .mid-line {
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .mid-line {
    width: 120px;
    height: 1px;
    margin: auto 3px;
  }
}
.wcf__testimonial.style-7 .ts-pagination {
  display: flex;
  align-items: center;
  padding-inline-start: 40px;
  border-inline-start: 1px solid #1F447A;
}
.light .wcf__testimonial.style-7 .ts-pagination {
  border-color: #D5E7F4;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-7 .ts-pagination {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-7 .ts-pagination {
    padding-inline-start: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .ts-pagination {
    padding-inline-start: 50px;
    border: none;
  }
}
.wcf__testimonial.style-7 .ts-navigation {
  display: flex;
  align-items: center;
  padding-inline-start: 40px;
  border-inline-start: 1px solid #1F447A;
  flex-direction: column;
  justify-content: space-around;
}
.light .wcf__testimonial.style-7 .ts-navigation {
  border-color: #D5E7F4;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-7 .ts-navigation {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-7 .ts-navigation {
    padding-inline-start: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-7 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-7 .ts-navigation img {
  width: 72px;
  max-width: 72px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-7 .ts-navigation img {
    width: 60px;
    max-width: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-7 .ts-navigation img {
    width: 50px;
    max-width: 50px;
  }
}
.wcf__testimonial.style-8 .wcf__slider {
  width: calc(100% - 200px);
  text-align: start;
  position: relative;
  margin-inline-end: 0;
}
.dir-rtl .wcf__testimonial.style-8 .wcf__slider {
  margin-inline-end: auto;
  margin-inline-start: 0;
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-8 .wcf__slider {
    width: calc(100% - 140px);
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-8 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-8 .slide {
  margin-inline-start: 130px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-8 .slide {
    margin-inline-start: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-8 .slide {
    margin-inline-start: 50px;
  }
}
.wcf__testimonial.style-8 .image {
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  inset-inline-start: 0;
}
.wcf__testimonial.style-8 .feedback {
  font-size: 30px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-8 .feedback {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-8 .feedback {
    font-size: 18px;
    line-height: 1.4;
  }
}
.wcf__testimonial.style-8 .name {
  font-weight: 500;
}
.wcf__testimonial.style-8 .designation {
  color: #A6ACC2;
}
.light .wcf__testimonial.style-8 .designation {
  color: var(--gray-4);
}
.wcf__testimonial.style-8 .mid-line {
  width: 70px;
  display: inline-block;
  background-color: var(--gray-4);
  height: 1px;
  transform: translateY(-5px);
  margin-right: 10px;
  margin-left: 10px;
}
.light .wcf__testimonial.style-8 .mid-line {
  background-color: #E2E5EF;
}
.wcf__testimonial.style-8 .ts-pagination {
  pointer-events: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.wcf__testimonial.style-8 .ts-pagination span {
  font-size: 14px;
  display: inline-block;
}
.wcf__testimonial.style-8 .swiper-pagination {
  bottom: 25px;
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-8 .swiper-pagination {
    bottom: -40px;
  }
}
.wcf__testimonial.style-8 .swiper-pagination-current, .wcf__testimonial.style-8 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .wcf__testimonial.style-8 .swiper-pagination-total {
  color: var(--white);
}
.light .wcf__testimonial.style-8 .swiper-pagination-current, .light .wcf__testimonial.style-8 .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .light .wcf__testimonial.style-8 .swiper-pagination-total {
  color: #202C58;
}
.wcf__testimonial.style-8 .ts-navigation {
  position: absolute;
  bottom: -25px;
  inset-inline-start: 0;
  display: flex;
  gap: 50px;
  z-index: 1;
}
.dir-rtl .wcf__testimonial.style-8 .ts-navigation {
  flex-flow: row-reverse;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-8 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-9 .wcf__slider {
  text-align: left;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-9 .wcf__slider {
    margin-bottom: 40px;
  }
}
.wcf__testimonial.style-9 .slide {
  padding: 60px 40px;
  border-radius: 25px;
  background-color: #262629;
}
.dir-rtl .wcf__testimonial.style-9 .slide {
  text-align: start;
}
.light .wcf__testimonial.style-9 .slide {
  background-color: var(--white-4);
}
.wcf__testimonial.style-9 .image {
  margin-bottom: 30px;
}
.wcf__testimonial.style-9 .feedback {
  color: var(--gray-4);
  padding-bottom: 30px;
}
.light .wcf__testimonial.style-9 .feedback {
  color: var(--gray);
}
.wcf__testimonial.style-9 .name {
  font-size: 24px;
}
.wcf__testimonial.style-9 .swiper-pagination {
  position: unset;
}
.wcf__testimonial.style-9 .swiper-pagination span {
  color: var(--white);
}
.light .wcf__testimonial.style-9 .swiper-pagination span {
  color: var(--black-2);
}
.wcf__testimonial.style-9 .mid-line {
  width: 90px;
  display: inline-block;
  background-color: var(--white);
  height: 1px;
  transform: translateY(-5px);
  margin-right: 10px;
  margin-left: 10px;
}
.light .wcf__testimonial.style-9 .mid-line {
  background-color: var(--black-2);
}
.wcf__testimonial.style-9 .ts-navigation {
  gap: 60px;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.dir-rtl .wcf__testimonial.style-9 .ts-navigation {
  flex-flow: row-reverse;
}
.wcf__testimonial.style-10 .wcf__slider {
  max-width: 770px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial.style-10 .wcf__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial.style-10 .wcf__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-10 .wcf__slider {
    width: 100%;
  }
}
.wcf__testimonial.style-10 .slide {
  display: grid;
}
.wcf__testimonial.style-10 .feedback {
  order: 4;
  padding-bottom: 0;
}
.wcf__testimonial.style-10 .name {
  text-transform: capitalize;
}
.wcf__testimonial.style-10 .designation {
  line-height: 1.8;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial.style-10 .ts-navigation {
    display: none;
  }
}
.wcf__testimonial.style-10 .wcf-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: all 0.3s;
  z-index: 9;
}
.wcf__testimonial.style-10 .wcf-arrow:hover {
  color: var(--primary);
}
.wcf__testimonial.style-10 .wcf-arrow-prev {
  left: 0;
}
.wcf__testimonial.style-10 .wcf-arrow-next {
  right: 0;
}

.wcf__testimonial-2 .wcf__slider {
  --slides-to-show: 1;
  --space-between: 20px;
}
.wcf__testimonial-2 .wcf__slider:not(.swiper-initialized) .swiper-wrapper {
  gap: var(--space-between);
}
.wcf__testimonial-2 .wcf__slider:not(.swiper-initialized) .swiper-slide {
  width: calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1) / var(--slides-to-show));
}
.wcf__testimonial-2 .slide {
  gap: 70px;
  display: grid;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2 .slide {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2 .slide {
    gap: 30px;
  }
}
.wcf__testimonial-2 .image {
  margin-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2 .image {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2 .image {
    margin-bottom: 20px;
  }
}
.wcf__testimonial-2 .image img {
  max-width: 80px;
}
.wcf__testimonial-2 .picture img {
  -o-object-fit: cover;
     object-fit: cover;
}
.wcf__testimonial-2 .feedback {
  color: #A4ABBB;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2 .feedback {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.wcf__testimonial-2 .name {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #FCFAF5;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2 .name {
    font-size: 16px;
  }
}
.wcf__testimonial-2 .designation {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #A4ABBB;
}
.wcf__testimonial-2 .swiper-pagination {
  bottom: -40px;
  text-align: start;
}
.wcf__testimonial-2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--primary);
}
.wcf__testimonial-2.style-1 .slide {
  grid-template-columns: 270px auto;
  align-items: center;
  border-radius: 30px;
  background-color: #233259;
}
.light .wcf__testimonial-2.style-1 .slide {
  background-color: #FAE7F5;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-1 .slide {
    grid-template-columns: 1fr;
  }
}
.wcf__testimonial-2.style-1 .picture {
  height: 100%;
}
.wcf__testimonial-2.style-1 .picture img {
  width: 100%;
  height: 100%;
  border-radius: 30px 0px 0px 30px;
}
.dir-rtl .wcf__testimonial-2.style-1 .picture img {
  border-radius: 0 30px 30px 0;
}
@media only screen and (max-width: 767px) {
  .dir-rtl .wcf__testimonial-2.style-1 .picture img {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-1 .picture img {
    border-radius: 30px;
  }
}
.wcf__testimonial-2.style-1 .content {
  padding: 50px 50px 50px 0;
}
.dir-rtl .wcf__testimonial-2.style-1 .content {
  padding: 50px 0 50px 50px;
}
@media only screen and (max-width: 991px) {
  .dir-rtl .wcf__testimonial-2.style-1 .content {
    padding: 30px 0 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .wcf__testimonial-2.style-1 .content {
    padding: 0 20px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-1 .content {
    padding: 30px 30px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-1 .content {
    padding: 0 20px 30px;
  }
}
.light .wcf__testimonial-2.style-1 .name,
.light .wcf__testimonial-2.style-1 .feedback,
.light .wcf__testimonial-2.style-1 .designation {
  color: #16254C;
}
.wcf__testimonial-2.style-1 .ts-navigation {
  gap: 50px;
  display: flex;
  justify-content: center;
  flex-flow: row-reverse;
  margin-top: 30px;
}
.dir-rtl .wcf__testimonial-2.style-1 .ts-navigation {
  flex-flow: row;
}
.wcf__testimonial-2.style-1 .swiper-pagination {
  text-align: center;
}
.wcf__testimonial-2.style-2 .slide {
  gap: 110px;
  grid-template-columns: 410px auto;
  margin-inline-start: 220px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .slide {
    gap: 40px;
    grid-template-columns: 350px auto;
    margin-inline-start: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .slide {
    gap: 30px;
    grid-template-columns: 280px auto;
    margin-inline-start: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .slide {
    grid-template-columns: 1fr;
    margin-inline-start: 0;
  }
}
.wcf__testimonial-2.style-2 .content {
  padding-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .content {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .content {
    padding-top: 0;
  }
}
.wcf__testimonial-2.style-2 .picture {
  position: relative;
}
.wcf__testimonial-2.style-2 .picture::before {
  position: absolute;
  content: "";
  inset-inline-start: -70px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #333337;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .picture::before {
    inset-inline-start: -40px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .picture::before {
    inset-inline-start: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .picture::before {
    display: none;
  }
}
.wcf__testimonial-2.style-2 .image {
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .image {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .image img {
    max-width: 50px;
  }
}
.wcf__testimonial-2.style-2 .feedback {
  color: var(--white);
  font-size: 36px;
  line-height: 1.2;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .feedback {
    font-size: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .feedback {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .feedback {
    font-size: 20px;
    padding-bottom: 20px;
  }
}
.wcf__testimonial-2.style-2 .name {
  font-size: 22px;
}
.wcf__testimonial-2.style-2 .designation {
  font-size: 18px;
  color: var(--gray-4);
}
.wcf__testimonial-2.style-2 .ts-navigation {
  gap: 60px;
  display: flex;
  flex-flow: row-reverse;
  position: absolute;
  inset-inline-start: 740px;
  bottom: 50px;
  z-index: 3;
}
.dir-rtl .wcf__testimonial-2.style-2 .ts-navigation {
  flex-flow: row;
}
@media only screen and (max-width: 767px) {
  .dir-rtl .wcf__testimonial-2.style-2 .ts-navigation {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .ts-navigation {
    bottom: 35px;
    inset-inline-start: 540px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .ts-navigation {
    inset-inline-start: 410px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .ts-navigation {
    position: unset;
    inset-inline-start: 0;
    margin-top: 20px;
    justify-content: flex-end;
  }
}
.wcf__testimonial-2.style-2 .ts-navigation img {
  max-width: 60px;
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .ts-navigation img {
    max-width: 40px;
  }
}
.wcf__testimonial-2.style-2 .swiper-pagination {
  bottom: -10px;
  inset-inline-start: 740px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-2 .swiper-pagination {
    inset-inline-start: 540px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-2 .swiper-pagination {
    inset-inline-start: 410px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-2 .swiper-pagination {
    bottom: -40px;
    inset-inline-start: 0;
  }
}
.wcf__testimonial-2.style-3 .slide {
  align-items: center;
  grid-template-columns: 260px auto;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-3 .slide {
    grid-template-columns: 200px auto;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .slide {
    grid-template-columns: 1fr;
  }
}
.wcf__testimonial-2.style-3 .picture img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wcf__testimonial-2.style-3 .content {
  display: grid;
}
.wcf__testimonial-2.style-3 .image {
  margin-bottom: 0;
  width: 100px;
  height: 100px;
  background-color: var(--primary);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-start: 75px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .image {
    top: 0;
    transform: translateY(0);
  }
}
.wcf__testimonial-2.style-3 .image img {
  max-width: 36px;
}
.wcf__testimonial-2.style-3 .feedback {
  padding-bottom: 0;
  font-size: 20px;
  color: var(--black-2);
  order: 4;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .feedback {
    font-size: 18px;
  }
}
.wcf__testimonial-2.style-3 .name {
  font-size: 50px;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-3 .name {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .name {
    font-size: 30px;
  }
}
.wcf__testimonial-2.style-3 .designation {
  font-size: 16px;
  color: var(--black-2);
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .designation {
    padding-bottom: 20px;
  }
}
.wcf__testimonial-2.style-3 .ts-navigation {
  display: flex;
  gap: 40px;
  flex-flow: row-reverse;
  position: absolute;
  inset-inline-start: 330px;
  bottom: -70px;
  line-height: 1.3;
}
.dir-rtl .wcf__testimonial-2.style-3 .ts-navigation {
  flex-flow: row;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-3 .ts-navigation {
    inset-inline-start: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-3 .ts-navigation {
    inset-inline-start: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .ts-navigation {
    inset-inline-start: 0;
  }
}
.wcf__testimonial-2.style-3 .ts-navigation::after {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 1px;
  width: 1px;
  height: 20px;
  background-color: #3F3A36;
}
.wcf__testimonial-2.style-3 .swiper-pagination {
  inset-inline-start: 330px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-2.style-3 .swiper-pagination {
    inset-inline-start: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-2.style-3 .swiper-pagination {
    inset-inline-start: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-2.style-3 .swiper-pagination {
    inset-inline-start: 0;
  }
}

.wcf__testimonial-3 .wcf__slider {
  margin: 0;
  --slides-to-show: 1;
  --space-between: 20px;
}
.wcf__testimonial-3 .wcf__slider:not(.swiper-initialized) .swiper-wrapper {
  gap: var(--space-between);
}
.wcf__testimonial-3 .wcf__slider:not(.swiper-initialized) .swiper-slide {
  width: calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1) / var(--slides-to-show));
}
.wcf__testimonial-3 .image {
  margin-bottom: 50px;
}
.wcf__testimonial-3 .feedback {
  color: var(--gray-4);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 40px;
}
.light .wcf__testimonial-3 .feedback {
  color: var(--gray);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3 .feedback {
    font-size: 16px;
    padding-bottom: 20px;
  }
}
.wcf__testimonial-3 .name {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 5px;
}
.light .wcf__testimonial-3 .name {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3 .name {
    font-size: 20px;
  }
}
.wcf__testimonial-3 .designation {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
}
.light .wcf__testimonial-3 .designation {
  color: var(--gray);
}
.wcf__testimonial-3 .swiper-pagination {
  bottom: -40px;
}
.wcf__testimonial-3 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--primary);
}
.wcf__testimonial-3.style-1 {
  display: grid;
  grid-template-columns: 0.55fr 1fr 1.25fr 0.5fr;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}
.light .wcf__testimonial-3.style-1 {
  border-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-3.style-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.wcf__testimonial-3.style-1 .quote {
  border-inline-end: 1px solid var(--white);
  padding-inline-start: 100px;
  padding-top: 80px;
  position: relative;
}
.light .wcf__testimonial-3.style-1 .quote {
  border-color: var(--black-2);
}
@media only screen and (min-width: 1600px) {
  .box-layout .wcf__testimonial-3.style-1 .quote {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .wcf__testimonial-3.style-1 .quote {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .quote {
    padding-top: 50px;
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-3.style-1 .quote {
    grid-column: 1/2;
    border-bottom: 1px solid var(--white);
  }
  .light .wcf__testimonial-3.style-1 .quote {
    border-color: var(--black-2);
  }
}
.wcf__testimonial-3.style-1 .quote::before {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  top: -1px;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
          clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
}
.light .wcf__testimonial-3.style-1 .quote::before {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .quote::after {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  bottom: 0;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
          clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
}
.light .wcf__testimonial-3.style-1 .quote::after {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .quote img {
  max-width: 110px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .quote img {
    max-width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .quote img {
    max-width: 60px;
  }
}
.wcf__testimonial-3.style-1 .main-title {
  border-inline-end: 1px solid var(--white);
  padding: 70px 80px;
  position: relative;
}
.light .wcf__testimonial-3.style-1 .main-title {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .wcf__testimonial-3.style-1 .main-title {
    padding: 70px 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .main-title {
    padding: 45px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-3.style-1 .main-title {
    grid-column: 2/-1;
    border-inline-end: 0;
    border-bottom: 1px solid var(--white);
  }
  .light .wcf__testimonial-3.style-1 .main-title {
    border-color: var(--black-2);
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .main-title {
    padding: 30px 20px;
  }
}
.wcf__testimonial-3.style-1 .main-title::before {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  top: -1px;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
          clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
}
.light .wcf__testimonial-3.style-1 .main-title::before {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .main-title::after {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  bottom: 0;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
          clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
}
.light .wcf__testimonial-3.style-1 .main-title::after {
  background-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-3.style-1 .main-title::before, .wcf__testimonial-3.style-1 .main-title::after {
    display: none;
  }
}
.wcf__testimonial-3.style-1 .title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
}
.light .wcf__testimonial-3.style-1 .title {
  color: var(--black-2);
}
@media only screen and (min-width: 1600px) {
  .box-layout .wcf__testimonial-3.style-1 .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .wcf__testimonial-3.style-1 .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .title {
    font-size: 32px;
  }
}
.wcf__testimonial-3.style-1 .wcf__slider {
  border-inline-end: 1px solid var(--white);
}
.dir-rtl .wcf__testimonial-3.style-1 .wcf__slider {
  border-inline-end: 0;
  border-inline-start: 1px solid var(--white);
}
.light .wcf__testimonial-3.style-1 .wcf__slider {
  border-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .wcf__testimonial-3.style-1 .wcf__slider {
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .wcf__slider {
    grid-column: 1/-1;
    border-inline-end: 0;
    border-bottom: 1px solid var(--white);
  }
  .light .wcf__testimonial-3.style-1 .wcf__slider {
    border-color: var(--black-2);
  }
}
.wcf__testimonial-3.style-1 .slide {
  max-width: 410px;
  margin: auto;
  margin-bottom: 40px;
  padding-top: 70px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .slide {
    padding-top: 45px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .slide {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
}
.wcf__testimonial-3.style-1 .feedback {
  text-indent: 80px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .feedback {
    text-indent: 40px;
  }
}
.wcf__testimonial-3.style-1 .name {
  text-transform: uppercase;
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .name {
    padding-inline-start: 40px;
  }
}
.wcf__testimonial-3.style-1 .designation {
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1199px) {
  .wcf__testimonial-3.style-1 .designation {
    padding-inline-start: 40px;
  }
}
.wcf__testimonial-3.style-1 .ts-navigation {
  display: grid;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .ts-navigation {
    grid-row: 3;
    grid-column: 1/-1;
    height: 90px;
  }
}
.wcf__testimonial-3.style-1 .ts-navigation::before {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  top: -1px;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
          clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
}
.light .wcf__testimonial-3.style-1 .ts-navigation::before {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .ts-navigation::after {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  bottom: 0;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
          clip-path: polygon(50% 0%, 75% 60%, 100% 100%, 0 100%, 30% 50%);
}
.light .wcf__testimonial-3.style-1 .ts-navigation::after {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .ts-navigation::before, .wcf__testimonial-3.style-1 .ts-navigation::after {
  inset-inline-start: -10px;
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .ts-navigation::before, .wcf__testimonial-3.style-1 .ts-navigation::after {
    display: none;
  }
}
.wcf__testimonial-3.style-1 .wcf-arrow-next {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--white);
  position: relative;
}
.light .wcf__testimonial-3.style-1 .wcf-arrow-next {
  border-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .wcf-arrow-next::before {
  position: absolute;
  content: "";
  inset-inline-end: -10px;
  top: -1px;
  width: 20px;
  height: 12px;
  background-color: var(--white);
  -webkit-clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
          clip-path: polygon(100% 0, 75% 40%, 50% 100%, 30% 50%, 0 0);
}
.light .wcf__testimonial-3.style-1 .wcf-arrow-next::before {
  background-color: var(--black-2);
}
.wcf__testimonial-3.style-1 .wcf-arrow-next::before {
  inset-inline-start: -5px;
  top: -7px;
  transform: rotate(-90deg);
}
.dir-rtl .wcf__testimonial-3.style-1 .wcf-arrow-next::before {
  transform: rotate(90deg);
}
@media only screen and (max-width: 767px) {
  .wcf__testimonial-3.style-1 .wcf-arrow-next::before {
    display: none;
  }
}
.wcf__testimonial-3.style-1 .wcf-arrow-prev {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wcf__portfolio a,
.wcf__portfolio button {
  cursor: pointer;
  transition: all 0.3s;
}
.wcf__portfolio .filter {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio .filter {
    overflow-x: auto;
    margin-bottom: 25px;
  }
}
.wcf__portfolio .filter button {
  color: var(--white, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio .filter button {
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
.light .wcf__portfolio .filter button {
  color: var(--black-2, #1C1D20);
}
.wcf__portfolio .filter button span {
  display: block;
  font-size: 12px;
  line-height: 1.8;
  text-align: right;
  color: var(--gray-4, #999);
  transition: all 0.3s;
}
.wcf__portfolio .wcf-posts {
  display: grid;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio .wcf-posts {
    margin-bottom: 40px;
  }
}
.wcf__portfolio.masonary .wcf-posts {
  grid-auto-flow: dense;
}
.wcf__portfolio .wcf-post img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wcf__portfolio .wcf-post.large {
  grid-column: auto/span 2;
}
.wcf__portfolio .title {
  transition: all 0.3s;
}
.wcf__portfolio .title:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio .meta time,
.wcf__portfolio .meta a {
  font-size: 14px;
  font-weight: 400;
}
.wcf__portfolio .meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio .pf-pagination {
  gap: 3px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio .pf-pagination {
    justify-content: center;
  }
}
.wcf__portfolio .pf-pagination .page-numbers {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: #FCFAF5;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .wcf__portfolio .pf-pagination .page-numbers {
  color: #16254C;
}
.wcf__portfolio .pf-pagination .page-numbers:not(.prev, .next):hover {
  color: #16254C;
  background-color: #F5F3ED;
}
.wcf__portfolio .pf-pagination .prev {
  justify-content: flex-start;
}
.dir-rtl .wcf__portfolio .pf-pagination .prev {
  transform: rotate(180deg);
  justify-content: flex-end;
}
.wcf__portfolio .pf-pagination .next {
  justify-content: flex-end;
}
.dir-rtl .wcf__portfolio .pf-pagination .next {
  transform: rotate(180deg);
  justify-content: flex-start;
}
.wcf__portfolio .pf-pagination .current {
  color: #16254C;
  background-color: #F5F3ED;
}
.wcf__portfolio .pf-pagination i {
  font-size: 18px;
}
.wcf__portfolio .pf-pagination i:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio .pf-pagination path {
  transition: all 0.3s;
}
.light .wcf__portfolio .pf-pagination path {
  fill: #16254C;
}
.wcf__portfolio .pf-pagination svg {
  width: 1em;
  height: 1em;
  font-size: 18px;
}
.wcf__portfolio .pf-pagination svg:hover path {
  fill: var(--primary, #E8BF96);
}
.wcf__portfolio .load-more {
  border-radius: 30px;
  border: 1px solid #333337;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  text-transform: uppercase;
  padding: 16px 40px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.light .wcf__portfolio .load-more {
  color: #16254C;
  border-color: #F5F3ED;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio .load-more {
    margin: 0 auto;
  }
}
.wcf__portfolio .load-more path {
  fill: #fff;
  transition: all 0.3s;
}
.light .wcf__portfolio .load-more path {
  fill: #16254C;
}
.dir-rtl .wcf__portfolio .load-more i {
  transform: rotate(180deg);
}
.wcf__portfolio .load-more:hover {
  color: #E8BF96;
  border-color: #E8BF96;
}
.wcf__portfolio .load-more:hover path {
  fill: #E8BF96;
}
.wcf__portfolio .load-more svg {
  width: 1em;
  height: 1em;
  font-size: 18px;
}
.dir-rtl .wcf__portfolio .load-more svg {
  transform: rotate(180deg);
}
.wcf__portfolio.style-1 .filter {
  gap: 30px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-1 .filter {
    gap: 20px;
    justify-content: flex-start;
  }
}
.wcf__portfolio.style-1 .filter button {
  color: #A4ABBB;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
}
.light .wcf__portfolio.style-1 .filter button {
  color: var(--gray-10, #555);
}
.light .wcf__portfolio.style-1 .filter button:hover {
  color: #16254C;
}
.wcf__portfolio.style-1 .filter button span {
  display: none;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active::before, .wcf__portfolio.style-1 .filter button::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FCFAF5;
  transition: all 0.3s;
}
.light .wcf__portfolio.style-1 .filter button.mixitup-control-active::before, .light .wcf__portfolio.style-1 .filter button::before {
  background-color: #16254C;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active {
  color: #FCFAF5;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active span {
  color: #FCFAF5;
}
.light .wcf__portfolio.style-1 .filter button.mixitup-control-active span {
  color: #16254C;
}
.light .wcf__portfolio.style-1 .filter button.mixitup-control-active {
  color: var(--gray-10, #555);
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active::before {
  width: 100%;
}
.wcf__portfolio.style-1 .filter button:hover {
  color: #FCFAF5;
}
.wcf__portfolio.style-1 .filter button:hover::before {
  width: 100%;
}
.wcf__portfolio.style-1 .filter button:hover span {
  color: #FCFAF5;
}
.light .wcf__portfolio.style-1 .filter button:hover span {
  color: #16254C;
}
.wcf__portfolio.style-1 .wcf-posts {
  gap: 35px 20px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-1 .wcf-posts {
    gap: 30px 20px;
    grid-template-columns: 1fr;
  }
}
.wcf__portfolio.style-1 .wcf-post {
  text-align: center;
}
.wcf__portfolio.style-1 .wcf-post img {
  height: auto;
  border-radius: 25px;
}
.wcf__portfolio.style-1 .content {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-1 .content {
    margin-top: 15px;
  }
}
.wcf__portfolio.style-1 .title {
  color: #FCFAF5;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.wcf__portfolio.style-1 .title:hover {
  color: var(--primary, #E8BF96);
}
.light .wcf__portfolio.style-1 .title {
  color: #16254C;
}
.wcf__portfolio.style-1 .meta a,
.wcf__portfolio.style-1 .meta time {
  color: #A4ABBB;
  line-height: 1.2;
}
.light .wcf__portfolio.style-1 .meta a,
.light .wcf__portfolio.style-1 .meta time {
  color: var(--gray-10, #555);
}
.wcf__portfolio.style-1 .meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .filter {
  gap: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-2 .filter {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-2 .filter {
    gap: 20px;
    justify-content: flex-start;
  }
}
.wcf__portfolio.style-2 .filter button:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .filter button:hover span {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .filter .mixitup-control-active {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .filter .mixitup-control-active span {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .wcf-posts {
  gap: 65px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio.style-2 .wcf-posts {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-2 .wcf-posts {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-2 .wcf-posts {
    display: flex;
    flex-wrap: wrap;
  }
}
.wcf__portfolio.style-2 .wcf-post {
  position: relative;
}
.wcf__portfolio.style-2 .wcf-post img {
  height: 100%;
}
.wcf__portfolio.style-2 .content {
  position: absolute;
  bottom: 105px;
  inset-inline-start: 40px;
  gap: 1px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio.style-2 .content {
    inset-inline-start: 20px;
    bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-2 .content {
    left: 10px;
    bottom: 30px;
  }
}
.wcf__portfolio.style-2 .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 20px;
  color: var(--white, #fff);
  text-transform: uppercase;
  background-color: var(--black-2);
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-2 .title {
    padding: 5px 10px;
  }
}
.wcf__portfolio.style-2 .title:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .meta {
  padding: 10px 20px;
  background-color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-2 .meta {
    padding: 5px 10px;
  }
}
.wcf__portfolio.style-2 .meta a,
.wcf__portfolio.style-2 .meta time {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.8;
  color: var(--gray-4, #999);
  text-transform: uppercase;
  display: inline-block;
}
.wcf__portfolio.style-2 .meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-2 .pf-pagination {
  justify-content: center;
}
.wcf__portfolio.style-2 .load-more {
  margin: 0 auto;
}
.wcf__portfolio.style-3 {
  gap: 220px;
  display: grid;
  grid-template-columns: 1fr 3.3fr;
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio.style-3 {
    gap: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-3 {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.wcf__portfolio.style-3 .filter {
  margin-bottom: 0;
  margin-top: 210px;
  gap: 32px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-start;
}
.dir-rtl .wcf__portfolio.style-3 .filter {
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 .filter {
    gap: 20px;
    margin-top: 0;
    flex-direction: unset;
  }
}
.wcf__portfolio.style-3 .filter button:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-3 .filter button:hover span {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-3 .filter .mixitup-control-active {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-3 .filter .mixitup-control-active span {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-3 .wcf-posts {
  gap: 60px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio.style-3 .wcf-posts {
    gap: 40px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-3 .wcf-posts {
    gap: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 .wcf-posts {
    grid-template-columns: 1fr;
  }
}
.wcf__portfolio.style-3 .content {
  padding-top: 35px;
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio.style-3 .content {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-3 .content {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 .content {
    padding-top: 10px;
  }
}
.wcf__portfolio.style-3 .title {
  color: var(--white, #fff);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  padding-bottom: 10px;
}
.light .wcf__portfolio.style-3 .title {
  color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 991px) {
  .wcf__portfolio.style-3 .title {
    padding-bottom: 5px;
  }
}
.wcf__portfolio.style-3 .title:hover {
  color: var(--primary);
}
.wcf__portfolio.style-3 .meta a,
.wcf__portfolio.style-3 .meta time {
  color: var(--gray-4, #999);
}
.light .wcf__portfolio.style-3 .meta a,
.light .wcf__portfolio.style-3 .meta time {
  color: var(--gray-10, #555);
}
.wcf__portfolio.style-3 .meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio.style-3 .pf-pagination {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 .pf-pagination {
    justify-content: flex-start;
  }
}
.wcf__portfolio.style-3 .load-more {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio.style-3 .load-more {
    margin-left: 0;
  }
}

.wcf__portfolio-2 a,
.wcf__portfolio-2 button {
  cursor: pointer;
  transition: all 0.3s;
}
.wcf__portfolio-2 .wcf__slider {
  text-align: center;
  margin: 0 auto;
  --slides-to-show: 3;
  --space-between: 80px;
}
.wcf__portfolio-2 .wcf__slider:not(.swiper-initialized) .swiper-wrapper {
  gap: var(--space-between);
}
.wcf__portfolio-2 .wcf__slider:not(.swiper-initialized) .swiper-slide {
  width: calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1) / var(--slides-to-show));
}
.wcf__portfolio-2 .title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white, #fff);
  transition: all 0.3s;
}
.light .wcf__portfolio-2 .title {
  color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio-2 .title {
    font-size: 20px;
  }
}
.wcf__portfolio-2 .title:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio-2 .meta a,
.wcf__portfolio-2 .meta time {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--gray-4, #999);
}
.light .wcf__portfolio-2 .meta a,
.light .wcf__portfolio-2 .meta time {
  color: var(--gray, #666);
}
.wcf__portfolio-2 .meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__portfolio-2 .pf-pagination {
  text-align: center;
}
.wcf__portfolio-2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--primary, #E8BF96);
}
.wcf__portfolio-2 .pf-navigation {
  gap: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row-reverse;
}
.dir-rtl .wcf__portfolio-2 .pf-navigation {
  flex-flow: row;
}
.wcf__portfolio-2.style-1 .wcf__slider {
  margin-right: -300px;
}
@media only screen and (max-width: 1919px) {
  .wcf__portfolio-2.style-1 .wcf__slider {
    margin-right: -240px;
  }
}
@media only screen and (max-width: 1399px) {
  .wcf__portfolio-2.style-1 .wcf__slider {
    margin-right: -200px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio-2.style-1 .wcf__slider {
    margin-right: 0;
  }
}
.wcf__portfolio-2.style-1 .image {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .wcf__portfolio-2.style-1 .image {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio-2.style-1 .image {
    margin-bottom: 10px;
  }
}
.wcf__portfolio-2.style-1 .title,
.wcf__portfolio-2.style-1 .subtitle {
  text-transform: uppercase;
}
.wcf__portfolio-2.style-1 .pf-navigation,
.wcf__portfolio-2.style-1 .pf-pagination {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .wcf__portfolio-2.style-1 .pf-navigation,
  .wcf__portfolio-2.style-1 .pf-pagination {
    margin-top: 30px;
  }
}
.wcf__portfolio-2.style-1 .wcf-arrow svg {
  width: 1em;
  height: 1em;
  font-size: 22px;
}
.wcf__portfolio-2.style-1 .wcf-arrow i {
  font-size: 22px;
  transition: all 0.3s;
}
.light .wcf__portfolio-2.style-1 .wcf-arrow i {
  color: var(--black-2, #1C1D20);
}
.wcf__portfolio-2.style-1 .wcf-arrow path {
  transition: all 0.3s;
}
.light .wcf__portfolio-2.style-1 .wcf-arrow path {
  fill: var(--black-2, #1C1D20);
}
.wcf__portfolio-2.style-1 .wcf-arrow:hover path {
  fill: var(--primary, #E8BF96);
}
.wcf__portfolio-2.style-1 .wcf-arrow:hover i {
  color: var(--primary, #E8BF96);
}

.wcf__posts .wcf-posts {
  display: grid;
}
.wcf__posts a,
.wcf__posts button {
  cursor: pointer;
  transition: all 0.3s;
}
.wcf__posts .thumb {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .wcf__posts .thumb {
    margin-bottom: 10px;
  }
}
.wcf__posts .thumb img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wcf__posts .wcf-cats,
.wcf__posts .wcf-tags,
.wcf__posts .wcf-meta {
  margin-bottom: 15px;
}
.wcf__posts .wcf-cats li,
.wcf__posts .wcf-tags li,
.wcf__posts .wcf-meta li {
  display: inline-block;
  line-height: 1.2;
}
.wcf__posts .wcf-cats a,
.wcf__posts .wcf-cats span,
.wcf__posts .wcf-tags a,
.wcf__posts .wcf-tags span,
.wcf__posts .wcf-meta a,
.wcf__posts .wcf-meta span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  display: inline-block;
  text-transform: capitalize;
}
.light .wcf__posts .wcf-cats a,
.light .wcf__posts .wcf-cats span,
.light .wcf__posts .wcf-tags a,
.light .wcf__posts .wcf-tags span,
.light .wcf__posts .wcf-meta a,
.light .wcf__posts .wcf-meta span {
  color: var(--gray);
}
.wcf__posts .title {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1919px) {
  .wcf__posts .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1399px) {
  .wcf__posts .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__posts .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.wcf__posts .title:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts .desc {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .wcf__posts .desc {
    margin-bottom: 15px;
  }
}
.wcf__posts svg {
  width: 1em;
  height: 1em;
  font-size: 16px;
}
.wcf__posts svg path {
  transition: all 0.3s;
  fill: var(--gray-4, #999);
}
.light .wcf__posts svg path {
  fill: var(--gray, #666);
}
.wcf__posts .link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gray-4, #999);
  position: relative;
  align-items: center;
  display: inline-flex;
  gap: 10px;
}
.light .wcf__posts .link {
  color: var(--gray, #666);
}
.wcf__posts .link:hover {
  color: var(--white, #fff);
}
.light .wcf__posts .link:hover {
  color: var(--black-2, #1C1D20);
}
.wcf__posts .link:hover path {
  fill: var(--white, #fff);
}
.light .wcf__posts .link:hover path {
  fill: var(--black-2, #1C1D20);
}
.dir-rtl .wcf__posts .link i,
.dir-rtl .wcf__posts .link svg {
  transform: rotate(180deg);
}
.wcf__posts.style-1 .wcf-posts {
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
.wcf__posts.style-1 .wcf-cats a,
.wcf__posts.style-1 .wcf-tags a {
  border-radius: 3px;
  padding: 4px 10px 2px;
  text-transform: uppercase;
  background-color: var(--black-4);
}
.light .wcf__posts.style-1 .wcf-cats a,
.light .wcf__posts.style-1 .wcf-tags a {
  background-color: var(--white-3);
}
.wcf__posts.style-1 .wcf-cats a:hover,
.wcf__posts.style-1 .wcf-tags a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-1 .wcf-meta {
  gap: 40px;
  display: flex;
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-1 .wcf-meta {
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-1 .wcf-meta {
    gap: 24px;
  }
}
.wcf__posts.style-1 .wcf-meta li {
  position: relative;
}
.wcf__posts.style-1 .wcf-meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  inset-inline-start: -20px;
  top: 50%;
  background-color: var(--black-9);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-1 .wcf-meta li::after {
    inset-inline-start: -15px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-1 .wcf-meta li::after {
    inset-inline-start: -12px;
  }
}
.wcf__posts.style-1 .wcf-meta li:first-child::after {
  display: none;
}
.wcf__posts.style-1 .wcf-meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-1 .link {
  text-transform: uppercase;
}
.wcf__posts.style-1 .link:hover::after {
  width: 0%;
}
.wcf__posts.style-1 .link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--gray-4, #999);
}
.wcf__posts.style-2 .wcf-posts {
  gap: 40px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .wcf__posts.style-2 .wcf-posts {
    grid-template-columns: 1fr;
  }
}
.wcf__posts.style-2 .wcf-post {
  display: grid;
  grid-template-columns: 48% 1fr;
  background-color: #202C58;
}
.light .wcf__posts.style-2 .wcf-post {
  background-color: #F7F7FA;
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-2 .wcf-post {
    grid-template-columns: 1fr;
  }
}
.wcf__posts.style-2 .thumb {
  margin: 0;
}
.wcf__posts.style-2 .thumb img {
  height: 100%;
}
.wcf__posts.style-2 .content {
  display: flex;
  flex-direction: column;
  padding: 60px 45px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .wcf__posts.style-2 .content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-2 .content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__posts.style-2 .content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__posts.style-2 .content {
    padding: 30px 20px;
  }
}
.wcf__posts.style-2 .title {
  order: -1;
}
.wcf__posts.style-2 .wcf-cats,
.wcf__posts.style-2 .wcf-tags,
.wcf__posts.style-2 .wcf-meta {
  position: relative;
  margin-top: 10px;
}
.wcf__posts.style-2 .wcf-cats::before,
.wcf__posts.style-2 .wcf-tags::before,
.wcf__posts.style-2 .wcf-meta::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  top: -3px;
  background-color: var(--white, #fff);
  inset-inline-start: 0;
}
.light .wcf__posts.style-2 .wcf-cats::before,
.light .wcf__posts.style-2 .wcf-tags::before,
.light .wcf__posts.style-2 .wcf-meta::before {
  background-color: #202C58;
}
.wcf__posts.style-2 .wcf-cats a,
.wcf__posts.style-2 .wcf-cats span,
.wcf__posts.style-2 .wcf-tags a,
.wcf__posts.style-2 .wcf-tags span,
.wcf__posts.style-2 .wcf-meta a,
.wcf__posts.style-2 .wcf-meta span {
  margin-inline-end: 20px;
  position: relative;
  color: var(--white, #fff);
}
.light .wcf__posts.style-2 .wcf-cats a,
.light .wcf__posts.style-2 .wcf-cats span,
.light .wcf__posts.style-2 .wcf-tags a,
.light .wcf__posts.style-2 .wcf-tags span,
.light .wcf__posts.style-2 .wcf-meta a,
.light .wcf__posts.style-2 .wcf-meta span {
  color: var(--black-2, #1C1D20);
}
.wcf__posts.style-2 .wcf-cats a::after,
.wcf__posts.style-2 .wcf-cats span::after,
.wcf__posts.style-2 .wcf-tags a::after,
.wcf__posts.style-2 .wcf-tags span::after,
.wcf__posts.style-2 .wcf-meta a::after,
.wcf__posts.style-2 .wcf-meta span::after {
  position: absolute;
  content: "|";
  width: 20px;
  height: auto;
  text-align: center;
}
.wcf__posts.style-2 .wcf-cats li:last-child a::after,
.wcf__posts.style-2 .wcf-cats li:last-child span::after,
.wcf__posts.style-2 .wcf-tags li:last-child a::after,
.wcf__posts.style-2 .wcf-tags li:last-child span::after,
.wcf__posts.style-2 .wcf-meta li:last-child a::after,
.wcf__posts.style-2 .wcf-meta li:last-child span::after {
  display: none;
}
.wcf__posts.style-2 .wcf-cats a:hover,
.wcf__posts.style-2 .wcf-tags a:hover,
.wcf__posts.style-2 .wcf-meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-2 .desc p {
  color: var(--gray-2);
}
.light .wcf__posts.style-2 .desc p {
  color: var(--gray, #666);
}
.wcf__posts.style-2 .link {
  color: #202C58;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
  background-color: var(--white, #fff);
  width: -moz-max-content;
  width: max-content;
  margin-top: auto;
}
.light .wcf__posts.style-2 .link {
  color: var(--white, #fff);
  background-color: #202C58;
}
.wcf__posts.style-2 .link path {
  fill: #202C58;
}
.wcf__posts.style-2 .link:hover {
  color: var(--white, #fff);
  background-color: var(--primary, #E8BF96);
}
.wcf__posts.style-2 .link:hover path {
  fill: var(--white, #fff);
}
.wcf__posts.style-3 .wcf-posts {
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .wcf__posts.style-3 .wcf-posts {
    grid-template-columns: 1fr;
  }
}
.wcf__posts.style-3 .wcf-post {
  position: relative;
}
.wcf__posts.style-3 .thumb {
  margin: 0;
  width: 100%;
}
.wcf__posts.style-3 .content {
  width: 80%;
  padding: 60px 45px;
  background-color: #0D3570;
  margin-inline-start: 10%;
  margin-top: -160px;
  position: relative;
  z-index: 1;
}
.light .wcf__posts.style-3 .content {
  background-color: #E2F3FF;
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-3 .content {
    padding: 30px 25px 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-3 .content {
    width: 90%;
    margin-inline-start: 5%;
    margin-top: -100px;
  }
}
.wcf__posts.style-3 .title {
  order: -1;
}
.wcf__posts.style-3 .wcf-cats,
.wcf__posts.style-3 .wcf-tags,
.wcf__posts.style-3 .wcf-meta {
  position: relative;
  margin-top: 10px;
}
.wcf__posts.style-3 .wcf-cats a,
.wcf__posts.style-3 .wcf-cats span,
.wcf__posts.style-3 .wcf-tags a,
.wcf__posts.style-3 .wcf-tags span,
.wcf__posts.style-3 .wcf-meta a,
.wcf__posts.style-3 .wcf-meta span {
  margin-inline-end: 20px;
  position: relative;
  color: var(--white, #fff);
}
.light .wcf__posts.style-3 .wcf-cats a,
.light .wcf__posts.style-3 .wcf-cats span,
.light .wcf__posts.style-3 .wcf-tags a,
.light .wcf__posts.style-3 .wcf-tags span,
.light .wcf__posts.style-3 .wcf-meta a,
.light .wcf__posts.style-3 .wcf-meta span {
  color: var(--black-2, #1C1D20);
}
.wcf__posts.style-3 .wcf-cats a::after,
.wcf__posts.style-3 .wcf-cats span::after,
.wcf__posts.style-3 .wcf-tags a::after,
.wcf__posts.style-3 .wcf-tags span::after,
.wcf__posts.style-3 .wcf-meta a::after,
.wcf__posts.style-3 .wcf-meta span::after {
  position: absolute;
  content: "|";
  width: 20px;
  height: auto;
  text-align: center;
}
.wcf__posts.style-3 .wcf-cats li:last-child a::after,
.wcf__posts.style-3 .wcf-cats li:last-child span::after,
.wcf__posts.style-3 .wcf-tags li:last-child a::after,
.wcf__posts.style-3 .wcf-tags li:last-child span::after,
.wcf__posts.style-3 .wcf-meta li:last-child a::after,
.wcf__posts.style-3 .wcf-meta li:last-child span::after {
  display: none;
}
.wcf__posts.style-3 .wcf-cats a:hover,
.wcf__posts.style-3 .wcf-tags a:hover,
.wcf__posts.style-3 .wcf-meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-3 .desc p {
  color: var(--gray-2);
}
.light .wcf__posts.style-3 .desc p {
  color: var(--gray, #666);
}
.wcf__posts.style-3 .link {
  width: -moz-max-content;
  width: max-content;
  color: var(--white, #fff);
  text-transform: uppercase;
  margin-top: auto;
}
.light .wcf__posts.style-3 .link {
  color: var(--black-2, #1C1D20);
}
.wcf__posts.style-3 .link:hover::after {
  width: 0%;
}
.wcf__posts.style-3 .link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--white, #fff);
}
.light .wcf__posts.style-3 .link::after {
  background-color: var(--black-2, #1C1D20);
}
.wcf__posts.style-4 .wcf-posts {
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
.wcf__posts.style-4 .wcf-post {
  position: relative;
  transition: all 0.3s;
}
.wcf__posts.style-4 .wcf-post:hover .content {
  background-color: rgba(28, 29, 32, 0.7);
}
.wcf__posts.style-4 .wcf-post:hover .wcf-cats a,
.wcf__posts.style-4 .wcf-post:hover .wcf-cats span,
.wcf__posts.style-4 .wcf-post:hover .wcf-tags a,
.wcf__posts.style-4 .wcf-post:hover .wcf-tags span,
.wcf__posts.style-4 .wcf-post:hover .wcf-meta a,
.wcf__posts.style-4 .wcf-post:hover .wcf-meta span {
  color: var(--white, #fff);
}
.wcf__posts.style-4 .wcf-post:hover .desc p {
  color: var(--gray-2, #D9D9D9);
}
.wcf__posts.style-4 .wcf-post:hover .link {
  color: var(--white, #fff);
}
.wcf__posts.style-4 .content {
  padding: 45px;
  background-color: rgb(38, 38, 41);
  transition: all 0.3s;
  flex-direction: column;
  display: flex;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .content {
    background-color: rgba(28, 29, 32, 0.7);
  }
}
@media only screen and (max-width: 991px) {
  .wcf__posts.style-4 .content {
    padding: 30px 20px;
  }
}
.wcf__posts.style-4 .thumb {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wcf__posts.style-4 .thumb img {
  height: calc(100% - 1px);
}
.light .wcf__posts.style-4 .title {
  color: var(--white, #fff);
}
.wcf__posts.style-4 .author {
  display: flex;
  align-items: center;
  gap: 20px;
}
.wcf__posts.style-4 .author-img img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wcf__posts.style-4 .author-bio a {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  text-transform: capitalize;
  margin-top: 3px;
  display: block;
}
.wcf__posts.style-4 .wcf-cats a,
.wcf__posts.style-4 .wcf-tags a {
  border-radius: 3px;
  padding: 4px 10px 2px;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
}
.light .wcf__posts.style-4 .wcf-cats a,
.light .wcf__posts.style-4 .wcf-tags a {
  color: var(--gray-4, #999);
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .wcf-cats a,
  .wcf__posts.style-4 .wcf-tags a {
    color: var(--white, #fff);
  }
}
.wcf__posts.style-4 .wcf-cats a:hover,
.wcf__posts.style-4 .wcf-tags a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-4 .wcf-meta {
  gap: 40px;
  display: flex;
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-4 .wcf-meta {
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .wcf-meta {
    gap: 24px;
  }
}
.wcf__posts.style-4 .wcf-meta li {
  position: relative;
}
.wcf__posts.style-4 .wcf-meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  inset-inline-start: -20px;
  top: 50%;
  background-color: var(--black-9);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-4 .wcf-meta li::after {
    inset-inline-start: -15px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .wcf-meta li::after {
    inset-inline-start: -12px;
  }
}
.wcf__posts.style-4 .wcf-meta li:first-child::after {
  display: none;
}
.light .wcf__posts.style-4 .wcf-meta a {
  color: var(--gray-4, #999);
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .wcf-meta a {
    color: var(--white, #fff);
  }
}
.wcf__posts.style-4 .wcf-meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-4 .wcf-meta span {
  transition: all 0.3s;
}
.light .wcf__posts.style-4 .wcf-meta span {
  color: var(--gray-4, #999);
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .wcf-meta span {
    color: var(--white, #fff);
  }
}
.light .wcf__posts.style-4 .desc p {
  color: var(--gray-4, #999);
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .desc p {
    color: var(--gray-2, #D9D9D9);
  }
}
.wcf__posts.style-4 .link {
  font-size: 16px;
  margin-top: auto;
  width: -moz-max-content;
  width: max-content;
}
.light .wcf__posts.style-4 .link {
  color: var(--gray-4, #999);
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-4 .link {
    color: var(--white, #fff);
  }
}
.wcf__posts.style-5 .wcf-posts {
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .wcf__posts.style-5 .wcf-posts {
    grid-template-columns: 1fr;
  }
}
.wcf__posts.style-5 .wcf-post {
  position: relative;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .wcf__posts.style-5 .wcf-post {
    flex-direction: column;
  }
}
.wcf__posts.style-5 .thumb {
  margin: 0;
  width: 55%;
  display: flex;
  align-self: center;
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-5 .thumb {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__posts.style-5 .thumb {
    align-self: flex-start;
  }
}
.wcf__posts.style-5 .thumb a {
  width: 100%;
}
.wcf__posts.style-5 .content {
  width: 60%;
  padding: 60px 45px;
  z-index: 1;
  background-color: var(--green, #3F524C);
  flex-direction: column;
  align-self: center;
  margin-inline-start: -15%;
}
@media only screen and (max-width: 1919px) {
  .wcf__posts.style-5 .content {
    padding: 30px 25px 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .wcf__posts.style-5 .content {
    width: 90%;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__posts.style-5 .content {
    width: 92%;
    margin-inline-start: 4%;
    margin-top: -15%;
  }
}
.wcf__posts.style-5 .title {
  order: -1;
}
.wcf__posts.style-5 .wcf-cats,
.wcf__posts.style-5 .wcf-tags,
.wcf__posts.style-5 .wcf-meta {
  position: relative;
  margin-top: 10px;
}
.wcf__posts.style-5 .wcf-cats::before,
.wcf__posts.style-5 .wcf-tags::before,
.wcf__posts.style-5 .wcf-meta::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  top: -3px;
  background-color: var(--white, #fff);
  inset-inline-start: 0;
}
.light .wcf__posts.style-5 .wcf-cats::before,
.light .wcf__posts.style-5 .wcf-tags::before,
.light .wcf__posts.style-5 .wcf-meta::before {
  background-color: #202C58;
}
.wcf__posts.style-5 .wcf-cats a,
.wcf__posts.style-5 .wcf-cats span,
.wcf__posts.style-5 .wcf-tags a,
.wcf__posts.style-5 .wcf-tags span,
.wcf__posts.style-5 .wcf-meta a,
.wcf__posts.style-5 .wcf-meta span {
  margin-inline-end: 20px;
  position: relative;
  color: var(--white, #fff);
}
.light .wcf__posts.style-5 .wcf-cats a,
.light .wcf__posts.style-5 .wcf-cats span,
.light .wcf__posts.style-5 .wcf-tags a,
.light .wcf__posts.style-5 .wcf-tags span,
.light .wcf__posts.style-5 .wcf-meta a,
.light .wcf__posts.style-5 .wcf-meta span {
  color: var(--black-2, #1C1D20);
}
.wcf__posts.style-5 .wcf-cats a::after,
.wcf__posts.style-5 .wcf-cats span::after,
.wcf__posts.style-5 .wcf-tags a::after,
.wcf__posts.style-5 .wcf-tags span::after,
.wcf__posts.style-5 .wcf-meta a::after,
.wcf__posts.style-5 .wcf-meta span::after {
  position: absolute;
  content: "|";
  width: 20px;
  height: auto;
  text-align: center;
}
.wcf__posts.style-5 .wcf-cats li:last-child a::after,
.wcf__posts.style-5 .wcf-cats li:last-child span::after,
.wcf__posts.style-5 .wcf-tags li:last-child a::after,
.wcf__posts.style-5 .wcf-tags li:last-child span::after,
.wcf__posts.style-5 .wcf-meta li:last-child a::after,
.wcf__posts.style-5 .wcf-meta li:last-child span::after {
  display: none;
}
.wcf__posts.style-5 .wcf-cats a:hover,
.wcf__posts.style-5 .wcf-tags a:hover,
.wcf__posts.style-5 .wcf-meta a:hover {
  color: var(--primary, #E8BF96);
}
.wcf__posts.style-5 .desc p {
  color: var(--gray-2);
}
.light .wcf__posts.style-5 .desc p {
  color: var(--gray, #666);
}
.wcf__posts.style-5 .link {
  width: -moz-max-content;
  width: max-content;
  color: var(--white, #fff);
  text-transform: uppercase;
  margin-top: auto;
}
.light .wcf__posts.style-5 .link {
  color: var(--black-2, #1C1D20);
}
.wcf__posts.style-5 .link:hover::after {
  width: 0%;
}
.wcf__posts.style-5 .link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--white, #fff);
}
.light .wcf__posts.style-5 .link::after {
  background-color: var(--black-2, #1C1D20);
}

.post-pagination {
  display: flex;
}
.post-pagination .page-numbers {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
}
.post-pagination svg {
  width: 1em;
  height: 1em;
}
.post-pagination svg path {
  fill: #fff;
}
.post-pagination.style-1 {
  gap: 20px;
}
.post-pagination.style-1 .page-numbers:hover path {
  fill: var(--primary, #E8BF96);
}
.post-pagination.style-1 .page-numbers:hover {
  color: var(--primary, #E8BF96);
}
.post-pagination.style-1 .page-numbers.current {
  color: #999;
}
.post-pagination.style-2 {
  gap: 3px;
}
.post-pagination.style-2 .page-numbers {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .post-pagination.style-2 .page-numbers {
  color: #1C1D20;
}
.post-pagination.style-2 .page-numbers:not(.prev, .next):hover {
  color: #1C1D20;
  background-color: #F5F3ED;
}
.post-pagination.style-2 .prev {
  justify-content: flex-start;
}
.dir-rtl .post-pagination.style-2 .prev {
  transform: rotate(180deg);
  justify-content: flex-end;
}
.post-pagination.style-2 .next {
  justify-content: flex-end;
}
.dir-rtl .post-pagination.style-2 .next {
  transform: rotate(180deg);
  justify-content: flex-start;
}
.post-pagination.style-2 .current {
  color: #1C1D20;
  background-color: #F5F3ED;
}
.post-pagination.style-2 i {
  font-size: 18px;
}
.post-pagination.style-2 i:hover {
  color: var(--primary, #E8BF96);
}
.post-pagination.style-2 path {
  transition: all 0.3s;
}
.light .post-pagination.style-2 path {
  fill: #1C1D20;
}
.post-pagination.style-2 svg {
  font-size: 18px;
}
.post-pagination.style-2 svg:hover path {
  fill: var(--primary, #E8BF96);
}

.wcf__priceTable {
  display: grid;
}
.wcf__priceTable .number {
  color: #999;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.light .wcf__priceTable .number {
  color: var(--gray, #666);
}
.wcf__priceTable .name {
  color: var(--white, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.light .wcf__priceTable .name {
  color: var(--black-2, #1C1D20);
}
.wcf__priceTable .pt-sale-price {
  color: var(--white, #fff);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.2;
}
.light .wcf__priceTable .pt-sale-price {
  color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 1199px) {
  .wcf__priceTable .pt-sale-price {
    font-size: 48px;
  }
}
.wcf__priceTable .pt-org-price {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-decoration: line-through;
}
.light .wcf__priceTable .pt-org-price {
  color: #1C1D20;
}
.wcf__priceTable .feature li {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  padding-bottom: 5px;
}
.light .wcf__priceTable .feature li {
  color: var(--gray, #666);
}
.wcf__priceTable .pt-btn {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable .pt-btn {
    text-align: start;
  }
}
.wcf__priceTable svg {
  width: 1em;
  height: 1em;
}
.wcf__priceTable svg path {
  transition: all 0.3s;
}
.wcf__priceTable.style-1 {
  gap: 30px;
  align-items: center;
  grid-template-columns: 0.7fr 1fr 0.7fr;
  background-color: #233259;
  padding-inline-end: 25px;
  position: relative;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 {
    grid-template-columns: 1fr;
    padding-inline-end: 0;
    padding-bottom: 30px;
  }
}
.wcf__priceTable.style-1 .pt-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.wcf__priceTable.style-1 .pt-name {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #7DDED8;
  text-align: center;
  padding: 15px;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .pt-name {
    height: auto;
    align-items: flex-start;
  }
}
.wcf__priceTable.style-1 .pt-name .icon {
  font-size: 30px;
  color: #16254C;
}
.wcf__priceTable.style-1 .name {
  color: #16254C;
  font-size: 18px;
}
.wcf__priceTable.style-1 .pt-price-wrap {
  height: 50%;
  background-color: #FCFAF5;
  padding: 15px;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .pt-price-wrap {
    height: auto;
  }
}
.wcf__priceTable.style-1 .pt-price {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .pt-price {
    justify-content: flex-start;
  }
}
.wcf__priceTable.style-1 .pt-sale-price {
  color: #16254C;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}
.wcf__priceTable.style-1 .pt-currency {
  color: #16254C;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  align-self: flex-start;
}
.wcf__priceTable.style-1 .pt-period {
  color: #16254C;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  align-self: flex-end;
  position: relative;
  inset-inline-end: 7px;
}
.wcf__priceTable.style-1 .pt-org-price {
  color: #16254C;
  margin-inline-end: 10px;
}
.wcf__priceTable.style-1 .pt-feature {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .pt-feature {
    padding: 0 15px;
  }
}
.wcf__priceTable.style-1 .feature {
  position: relative;
}
.wcf__priceTable.style-1 .feature::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-end: 0;
  top: 0;
  background-color: #30406A;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .feature::after {
    display: none;
  }
}
.wcf__priceTable.style-1 .feature li {
  color: #A4ABBB;
}
.wcf__priceTable.style-1 .feature i,
.wcf__priceTable.style-1 .feature svg {
  color: #fff;
  font-size: 14px;
  margin-inline-end: 5px;
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-1 .pt-btn {
    text-align: end;
  }
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .pt-btn {
    text-align: start;
    padding-inline-start: 15px;
  }
}
.wcf__priceTable.style-1 .pt-btn a {
  color: #FCFAF5;
  background-color: #16254C;
  border-radius: 15px;
}
.wcf__priceTable.style-1 .pt-btn a::after {
  background-color: var(--primary, #E8BF96);
}
.wcf__priceTable.style-1 .ribon {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -10px;
  inset-inline-start: -10px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .ribon {
    inset-inline-start: unset;
    inset-inline-end: -10px;
  }
}
.wcf__priceTable.style-1 .ribon::before,
.wcf__priceTable.style-1 .ribon::after {
  position: absolute;
  content: "";
  z-index: -1;
  display: block;
  border: 5px solid #4606ac;
  border-top-color: transparent;
  border-inline-start-color: transparent;
}
.wcf__priceTable.style-1 .ribon::before {
  top: 0px;
  inset-inline-end: 10px;
}
@media(max-width: 575px) {
  .wcf__priceTable.style-1 .ribon::before {
    inset-inline-end: unset;
    inset-inline-start: 10px;
    transform: rotate(90deg);
  }
}
.wcf__priceTable.style-1 .ribon::after {
  bottom: 10px;
  inset-inline-start: 0px;
}
@media(max-width: 575px) {
  .wcf__priceTable.style-1 .ribon::after {
    inset-inline-start: unset;
    inset-inline-end: 0;
    transform: rotate(90deg);
  }
}
.wcf__priceTable.style-1 .ribon span {
  position: absolute;
  top: 15px;
  width: 129px;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  inset-inline-start: -30px;
  transform: rotate(-45deg);
  text-transform: capitalize;
  background-color: #16254C;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
.dir-rtl .wcf__priceTable.style-1 .ribon span {
  transform: rotate(45deg);
}
@media (max-width: 575px) {
  .wcf__priceTable.style-1 .ribon span {
    inset-inline-start: unset;
    inset-inline-end: -30px;
    transform: rotate(45deg);
  }
  .dir-rtl .wcf__priceTable.style-1 .ribon span {
    transform: rotate(-45deg);
  }
}
.wcf__priceTable.style-2 {
  gap: 30px;
  grid-template-columns: 0.6fr 1fr 0.6fr 1fr 0.8fr;
  border-bottom: 1px solid #3F3A36;
  padding-top: 40px;
  padding-bottom: 40px;
}
.light .wcf__priceTable.style-2 {
  border-color: #e9e9e9;
}
@media only screen and (max-width: 1199px) {
  .wcf__priceTable.style-2 {
    grid-template-columns: 50px 0.8fr 0.7fr 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-2 {
    gap: 25px;
    grid-template-columns: 25px 0.8fr 0.6fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-2 {
    grid-template-columns: 1fr;
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
.wcf__priceTable.style-2 .pt-price {
  display: flex;
  flex-wrap: wrap;
}
.wcf__priceTable.style-2 .pt-sale-price {
  font-family: "gallient";
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-2 .pt-sale-price {
    font-size: 36px;
  }
}
.wcf__priceTable.style-2 .pt-org-price {
  font-size: 24px;
  line-height: 1;
  align-self: flex-start;
  margin-inline-start: 10px;
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-2 .pt-org-price {
    font-size: 18px;
  }
}
.wcf__priceTable.style-2 .pt-currency {
  font-family: "gallient";
  font-size: 30px;
  color: var(--white, #fff);
  align-self: flex-start;
  line-height: 1;
  margin-inline-end: 5px;
}
.light .wcf__priceTable.style-2 .pt-currency {
  color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 1199px) {
  .wcf__priceTable.style-2 .pt-currency {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-2 .pt-currency {
    font-size: 20px;
  }
}
.wcf__priceTable.style-2 .pt-period {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  width: 100%;
  text-transform: capitalize;
}
.wcf__priceTable.style-2 .pt-name {
  gap: 10px;
  display: flex;
}
.wcf__priceTable.style-2 .name {
  gap: 20px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-2 .name {
    gap: 10px;
  }
}
.wcf__priceTable.style-2 .ribon {
  padding: 2px 10px 3px;
  background-color: var(--white, #fff);
  border-radius: 14px;
  color: var(--black-2, #1C1D20);
  text-transform: capitalize;
  font-size: 16px;
  align-self: flex-start;
}
.light .wcf__priceTable.style-2 .ribon {
  color: var(--white, #fff);
  background-color: var(--black-2, #1C1D20);
}
.wcf__priceTable.style-3 {
  gap: 30px;
  align-items: center;
  grid-template-columns: 0.6fr 1fr 1fr 1fr;
  border-bottom: 1px solid #3F3A36;
  padding-top: 40px;
  padding-bottom: 40px;
}
.light .wcf__priceTable.style-3 {
  border-color: #e9e9e9;
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-3 {
    gap: 20px;
    grid-template-columns: 0.8fr 0.7fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-3 {
    grid-template-columns: 1fr;
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
.wcf__priceTable.style-3 .pt-price {
  display: flex;
  flex-wrap: wrap;
}
.wcf__priceTable.style-3 .pt-sale-price {
  font-family: "gallient";
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-3 .pt-sale-price {
    font-size: 36px;
  }
}
.wcf__priceTable.style-3 .pt-currency {
  font-family: "gallient";
  color: var(--white, #fff);
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
}
.light .wcf__priceTable.style-3 .pt-currency {
  color: var(--black-2, #1C1D20);
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-3 .pt-currency {
    font-size: 36px;
  }
}
.wcf__priceTable.style-3 .pt-org-price {
  font-size: 24px;
  align-self: flex-start;
  margin-inline-end: 15px;
}
@media only screen and (max-width: 991px) {
  .wcf__priceTable.style-3 .pt-org-price {
    font-size: 20px;
    margin-inline-end: 10px;
  }
}
.wcf__priceTable.style-3 .pt-period {
  color: #fff;
  font-size: 18px;
  align-self: flex-end;
}
.wcf__priceTable.style-3 .pt-name {
  gap: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.wcf__priceTable.style-3 .pt-name::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  inset-inline-end: 0;
  background-color: #3F3A36;
}
.light .wcf__priceTable.style-3 .pt-name::after {
  background-color: #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-3 .pt-name::after {
    display: none;
  }
}
.wcf__priceTable.style-3 .ribon {
  padding: 2px 10px 3px;
  background: var(--white, #fff);
  border-radius: 14px;
  color: var(--black-2, #1C1D20);
  text-transform: capitalize;
  font-size: 16px;
}
.light .wcf__priceTable.style-3 .ribon {
  color: var(--white, #fff);
  background-color: var(--black-2, #1C1D20);
}
.wcf__priceTable.style-3 .pt-btn a {
  text-transform: uppercase;
}
.wcf__priceTable.style-4 {
  gap: 20px;
  grid-template-columns: 1fr 1fr 0.8fr;
  border-bottom: 1px solid #333337;
  padding-bottom: 50px;
  padding-top: 35px;
}
.light .wcf__priceTable.style-4 {
  border-color: #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-4 {
    grid-template-columns: 1fr;
    padding-bottom: 30px;
    padding-top: 25px;
  }
}
.wcf__priceTable.style-4:hover .name {
  color: var(--white, #fff);
}
.light .wcf__priceTable.style-4:hover .name {
  color: var(--black-2, #1C1D20);
}
.wcf__priceTable.style-4 .pt-price {
  margin-bottom: 10px;
}
.wcf__priceTable.style-4 .pt-currency,
.wcf__priceTable.style-4 .pt-sale-price {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
.light .wcf__priceTable.style-4 .pt-currency,
.light .wcf__priceTable.style-4 .pt-sale-price {
  color: #1C1D20;
}
.wcf__priceTable.style-4 .pt-org-price {
  font-size: 16px;
  padding-inline-end: 10px;
}
.wcf__priceTable.style-4 .pt-period {
  color: #fff;
  text-transform: uppercase;
}
.wcf__priceTable.style-4 .pt-name {
  gap: 10px;
  display: flex;
  align-items: flex-end;
}
.wcf__priceTable.style-4 .name {
  color: #999;
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
  transition: all 0.3s;
}
.light .wcf__priceTable.style-4 .name {
  color: #666;
}
@media only screen and (max-width: 1199px) {
  .wcf__priceTable.style-4 .name {
    color: var(--white, #fff);
  }
}
@media only screen and (max-width: 767px) {
  .wcf__priceTable.style-4 .name {
    font-size: 24px;
  }
}
.wcf__priceTable.style-4 .ribon {
  background-color: var(--white, #fff);
  text-align: center;
  border-radius: 100%;
  padding: 12px;
  color: var(--black-2, #1C1D20);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.light .wcf__priceTable.style-4 .ribon {
  color: var(--white, #fff);
  background-color: var(--black-2, #1C1D20);
}
.wcf__priceTable.style-4 .feature li {
  color: var(--white, #fff);
  padding-bottom: 10px;
}
.light .wcf__priceTable.style-4 .feature li {
  color: #1C1D20;
}
.wcf__priceTable.style-4 .feature i,
.wcf__priceTable.style-4 .feature svg {
  font-size: 14px;
  margin-inline-end: 5px;
}
.light .wcf__priceTable.style-4 .feature svg path {
  fill: #1C1D20;
}
.wcf__priceTable.style-4 .pt-btn a {
  font-size: 14px;
  text-transform: uppercase;
  background-color: var(--white, #fff);
}
.light .wcf__priceTable.style-4 .pt-btn a {
  color: var(--white, #fff);
  background-color: var(--black-2, #1C1D20);
}
.wcf__priceTable.style-4 .pt-btn a::after {
  background-color: var(--primary, #E8BF96);
}

.wcf__progressbar .title {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.wcf__progressbar .progress-percent {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.wcf__progressbar.style-1 .title {
  padding-bottom: 15px;
}
.wcf__progressbar.style-2 {
  text-align: center;
}
.wcf__progressbar.style-2 .pg-circle {
  position: relative;
  width: 110px;
  height: 110px;
  margin: 0 auto 20px;
}
.wcf__progressbar.style-2 canvas {
  width: 100%;
  height: 100%;
}
.wcf__progressbar.style-2 .title {
  color: #FCFAF5;
}
.wcf__progressbar.style-2 .progress-percent {
  color: #FCFAF5;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wcf__progressbar.style-3 {
  gap: 60px;
  display: flex;
  margin-bottom: 500px;
}
.wcf__progressbar.style-3 .title {
  color: #FCFAF5;
  font-weight: 400;
  text-transform: capitalize;
}
.wcf__progressbar.style-3 .dots {
  gap: 10px;
  display: flex;
}
.wcf__progressbar.style-3 .dot {
  border: 1px solid #F9B099;
  display: inline-block;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}

/*----------------------------------------*/
/*  01. HEADER CSS START
/*----------------------------------------*/
#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
}

.header__area-2 {
  position: fixed;
  width: 315px;
  height: 100vh;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  padding: 80px 50px;
  background-color: var(--black-5);
  transition: all 0.5s;
  padding-top: 100px;
}
.light .header__area-2 {
  background-color: var(--white-4);
}
@media only screen and (max-width: 1199px) {
  .header__area-2 {
    width: 260px;
    padding: 35px 20px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .header__area-2 {
    left: -320px;
    padding: 30px 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-2 {
    width: 300px;
    padding: 30px;
  }
}
.header__area-2 form {
  position: relative;
}
.header__area-2 .icon-search {
  color: var(--gray);
  position: absolute;
  right: 0;
  top: 5px;
}
.header__area-2 .copyright {
  text-align: left;
  padding-top: 100px;
}
@media only screen and (max-width: 1919px) {
  .header__area-2 .copyright {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .header__area-2 .copyright {
    padding-top: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-2 .copyright {
    padding-top: 60px;
  }
}
.header__area-3 {
  padding: 32px 50px;
  position: relative;
  position: relative;
  z-index: 1;
}
.header__area-3::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .header__area-3::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .header__area-3::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-3 {
    padding: 20px 15px;
  }
}
.header__area-9 {
  padding: 20px 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (max-width: 991px) {
  .header__area-9 {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-9 {
    padding: 20px 15px;
  }
}
.header__area-10 {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .header__area-10 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header-absolute {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.header-fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}
.header__developer {
  padding: 20px 50px;
}
@media only screen and (max-width: 991px) {
  .header__developer {
    padding: 20px;
  }
}
.header__sfluence {
  padding: 0 100px;
}
@media only screen and (max-width: 1199px) {
  .header__sfluence {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header__sfluence {
    padding: 15px 0;
  }
}
.header__sfluence .header__inner {
  padding-bottom: 4px;
}
@media only screen and (max-width: 1199px) {
  .header__sfluence .header__inner {
    padding-top: 15px;
    padding-bottom: 19px;
  }
}
.header__sfluence .main-menu li a {
  font-size: 14px;
  padding: 41px 25px;
  text-transform: uppercase;
}
.header__inner {
  display: flex;
  -moz-column-gap: 50px;
       column-gap: 50px;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
}
@media only screen and (max-width: 767px) {
  .header__inner {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.header__inner.menu-left {
  grid-template-columns: auto auto 1fr;
}
@media only screen and (max-width: 1199px) {
  .header__inner.menu-left {
    grid-template-columns: 1fr 1fr;
  }
}
.header__inner.menu-center {
  grid-template-columns: 0.5fr auto 0.5fr;
}
@media only screen and (max-width: 1199px) {
  .header__inner.menu-center {
    grid-template-columns: 1fr 1fr;
  }
}
.header__inner.menu-right {
  grid-template-columns: 1fr auto auto;
}
@media only screen and (max-width: 1199px) {
  .header__inner.menu-right {
    grid-template-columns: 1fr 1fr;
  }
}
.header__inner.menu-none {
  grid-template-columns: auto auto;
  justify-content: space-between;
}
.header__logo {
  display: flex;
  align-items: center;
  max-width: 130px;
}
.header__logo img {
  max-height: 45px;
}
.header__logo-2 {
  padding-bottom: 90px;
}
.header__logo-2 img {
  max-height: 45px;
}
@media only screen and (max-width: 1399px) {
  .header__logo-2 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo-2 {
    padding-bottom: 60px;
  }
}
.header__logo-3 {
  max-width: 130px;
}
.header__logo-3 img {
  max-height: 45px;
}
.header__nav {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header__nav {
    display: none;
  }
}
.header__navicon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.header__navicon-2 {
  display: none;
}
@media only screen and (max-width: 991px) {
  .header__navicon-2 {
    display: block;
  }
}
.header__navicon-2 .icon {
  width: 24px;
}
.header__navicon-2 .close {
  position: absolute;
  right: 10px;
  top: 40px;
  width: 30px;
  height: 30px;
  color: var(--white);
  font-size: 20px;
}
.light .header__navicon-2 .close {
  color: var(--black-2);
}
.header__search-2 {
  padding-top: 50px;
}
.header__search-2 input, .header__search-2 .cf-details-comment__field textarea, .cf-details-comment__field .header__search-2 textarea, .header__search-2 .dt-inap__appointment textarea, .dt-inap__appointment .header__search-2 textarea, .header__search-2 .elc-inbd-comment__field textarea, .elc-inbd-comment__field .header__search-2 textarea {
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  line-height: 1.6;
  color: var(--gray);
  background-color: transparent;
  border: none;
  outline: none;
  padding: 6px 30px 6px 0;
  text-transform: capitalize;
  border-bottom: 1px solid var(--gray-6);
}
.header__search-2 input::-moz-placeholder, .header__search-2 .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .header__search-2 textarea::-moz-placeholder, .header__search-2 .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .header__search-2 textarea::-moz-placeholder, .header__search-2 .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .header__search-2 textarea::-moz-placeholder {
  opacity: 1;
}
.header__search-2 input::placeholder, .header__search-2 .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .header__search-2 textarea::placeholder, .header__search-2 .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .header__search-2 textarea::placeholder, .header__search-2 .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .header__search-2 textarea::placeholder {
  opacity: 1;
}

.light.header__area-2 {
  background-color: var(--white-3);
}
.light.header__area-3 {
  background-color: var(--white);
  border-bottom: 2px solid var(--white-4);
}
.light.header__area-3::before {
  background: var(--white-2);
}
.light.header__sfluence {
  background-color: var(--white-2);
}
.light .header__search-2 input, .light .header__search-2 .cf-details-comment__field textarea, .cf-details-comment__field .light .header__search-2 textarea, .light .header__search-2 .dt-inap__appointment textarea, .dt-inap__appointment .light .header__search-2 textarea, .light .header__search-2 .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .header__search-2 textarea {
  border-bottom: 1px solid var(--gray);
}

.menu-icon.menu-icon-4::before, .menu-icon-4.menu-icon-2::before,
.menu-icon::after,
.menu-icon-2::after,
.menu-icon span,
.menu-icon-2 span {
  background: var(--white);
}

.mobile-menu .mean-bar {
  margin-bottom: 30px;
}
.mobile-menu .mean-bar .mean-nav li {
  margin-bottom: 20px;
}
.mobile-menu .mean-bar .mean-nav li a {
  color: var(--white);
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.offcanvas__area .offcanvas {
  text-align: center;
  padding: 75px 50px;
  background-color: var(--black-3);
  overflow-y: scroll;
}
.light .offcanvas__area .offcanvas {
  background-color: var(--white-2);
}
@media only screen and (max-width: 1399px) {
  .offcanvas__area .offcanvas {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__area .offcanvas {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__area .offcanvas {
    padding: 20px 0;
  }
}
.offcanvas__area-2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--black-3);
  opacity: 0;
  visibility: hidden;
}
.offcanvas__inner-2 {
  display: grid;
  grid-template-columns: 1fr 2.3fr;
}
.offcanvas__left-2 {
  height: 100vh;
  padding: 60px 50px 30px;
  background-color: var(--black-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.offcanvas__right-2 {
  padding: 60px 50px 30px 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.offcanvas__contact li {
  padding-bottom: 30px;
}
.offcanvas__contact li:first-child {
  padding-bottom: 40px;
}
.offcanvas__contact li:first-child p {
  font-weight: 600;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.offcanvas__contact li:first-child a {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.offcanvas__contact li p {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--gray-4);
  padding-bottom: 5px;
}
.offcanvas__contact li a,
.offcanvas__contact li span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
  display: inline-block;
}
.offcanvas__close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: var(--white);
  padding: 0 10px;
  z-index: 99;
}
.light .offcanvas__close {
  color: var(--black-2);
}
.offcanvas__close:hover {
  color: var(--primary);
}
.offcanvas__close-2 button {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: var(--black-6);
  position: relative;
}
.offcanvas__close-2 button span {
  width: 30px;
  height: 1px;
  display: inline-block;
  background-color: var(--primary);
  position: absolute;
  left: 50%;
  top: 50%;
}
.offcanvas__close-2 button span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.offcanvas__close-2 button span:last-child {
  transform: translateX(-50%) rotate(-45deg);
}
.offcanvas__logo {
  position: relative;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__logo {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo {
    padding-bottom: 20px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__logo {
    padding: 0 15px;
  }
}
.offcanvas__logo::after {
  position: absolute;
  content: "";
  width: 140px;
  height: 1px;
  bottom: 70px;
  left: calc(50% - 70px);
  background-color: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .offcanvas__logo::after {
    bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo::after {
    display: none;
  }
}
.offcanvas__logo img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo img {
    max-width: 110px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__logo img {
    max-width: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo p {
    display: none;
  }
}
.offcanvas__menu {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .offcanvas__menu {
    display: block;
  }
}
.offcanvas__menu-area {
  overflow: hidden;
  display: none;
  position: relative;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__menu-area {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__menu-area {
    padding-bottom: 20px;
    display: block;
  }
}
.offcanvas__menu-area::after {
  position: absolute;
  content: "";
  width: 140px;
  height: 1px;
  bottom: 70px;
  left: calc(50% - 70px);
  background-color: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .offcanvas__menu-area::after {
    bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__menu-area::after {
    display: none;
  }
}
.offcanvas__menu-2 li {
  padding-bottom: 10px;
}
.offcanvas__menu-2 li a {
  font-weight: 600;
  font-size: 70px;
  line-height: 89px;
  color: var(--gray-14);
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.offcanvas__menu-2 li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 8px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary);
  transition: all 0.5s;
  opacity: 0;
}
.offcanvas__menu-2 li a::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  left: 65px;
  top: 5px;
  background-color: var(--primary);
  transform: scale(0);
  transition: all 0.5s;
  z-index: -1;
}
.offcanvas__menu-2 li a:hover {
  color: var(--white);
  padding-left: 70px;
}
.offcanvas__menu-2 li a:hover::before {
  width: 60px;
  opacity: 1;
}
.offcanvas__menu-2 li a:hover::after {
  transform: scale(1);
}
.offcanvas__lang {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.offcanvas__lang .language {
  gap: 30px;
  display: flex;
}
.offcanvas__lang .language li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  display: inline-block;
  text-transform: capitalize;
  position: relative;
}
.offcanvas__lang .language li a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--white);
}
.offcanvas__lang .language li a:hover {
  color: var(--primary);
}
.offcanvas__lang .language li a:hover::after {
  width: 0;
}
.offcanvas__follow-2 {
  text-align: right;
  position: relative;
}
.offcanvas__follow-2 span {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: inline-block;
  background-color: var(--black-6);
}
.offcanvas__follow-2 a {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 600;
  color: var(--white);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  writing-mode: tb-rl;
  transform: rotate(180deg) translate(28px, 30px);
}
.offcanvas__follow-2 a:hover {
  color: var(--primary);
}
.offcanvas__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 20px;
  text-transform: capitalize;
}
.offcanvas__gallery {
  position: relative;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__gallery {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__gallery {
    display: none;
  }
}
.offcanvas__gallery::after {
  position: absolute;
  content: "";
  width: 140px;
  height: 1px;
  bottom: 67px;
  left: calc(50% - 70px);
  background-color: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .offcanvas__gallery::after {
    bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__gallery::after {
    bottom: 20px;
  }
}
.offcanvas__media li {
  display: inline-block;
}
.offcanvas__media li a {
  display: block;
  color: var(--gray);
  font-size: 20px;
  padding: 0 10px;
}
.offcanvas__media li a:hover {
  color: var(--primary);
}
.offcanvas__footer-2 {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offcanvas__footer-2 a {
  color: var(--white);
}
.offcanvas__footer-2 a:hover {
  color: var(--primary);
}
.offcanvas__footer-2 form {
  width: 220px;
}
.offcanvas__footer-2 form input, .offcanvas__footer-2 form .cf-details-comment__field textarea, .cf-details-comment__field .offcanvas__footer-2 form textarea, .offcanvas__footer-2 form .dt-inap__appointment textarea, .dt-inap__appointment .offcanvas__footer-2 form textarea, .offcanvas__footer-2 form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .offcanvas__footer-2 form textarea {
  width: 100%;
  font-size: 14px;
  color: var(--gray);
  border: none;
  outline: none;
  padding-bottom: 5px;
  background-color: transparent;
  border-bottom: 1px solid var(--gray-6);
  background-image: url(../imgs/icons/search.png);
  background-repeat: no-repeat;
  background-position: right 0;
}
.offcanvas__footer-2 form input:hover, .offcanvas__footer-2 form .cf-details-comment__field textarea:hover, .cf-details-comment__field .offcanvas__footer-2 form textarea:hover, .offcanvas__footer-2 form .dt-inap__appointment textarea:hover, .dt-inap__appointment .offcanvas__footer-2 form textarea:hover, .offcanvas__footer-2 form .elc-inbd-comment__field textarea:hover, .elc-inbd-comment__field .offcanvas__footer-2 form textarea:hover {
  opacity: 1;
  color: var(--gray);
}
.offcanvas-3__area {
  background: var(--black-2);
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 50px 50px 100px;
  z-index: 1;
  overflow: hidden;
}
@media (max-height: 500px) {
  .offcanvas-3__area {
    padding: 40px;
  }
}
.offcanvas-3__inner {
  display: grid;
  grid-template-columns: 340px 1fr;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .offcanvas-3__inner {
    grid-template-columns: 260px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas-3__inner {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
  }
}
@media (max-height: 500px) {
  .offcanvas-3__inner {
    overflow-y: scroll;
  }
}
.offcanvas-3__meta li {
  font-size: 18px;
  line-height: 20px;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Glorify DEMO";
}
.offcanvas-3__meta li:not(:last-child) {
  margin-bottom: 19px;
}
.offcanvas-3__meta-wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
}
.offcanvas-3__social .title {
  font-size: 18px;
  line-height: 20px;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Glorify DEMO";
  margin-bottom: 10px;
}
.offcanvas-3__social-links {
  display: flex;
  gap: 20px;
}
.offcanvas-3__social-links a {
  font-size: 18px;
  color: var(--white);
}
.offcanvas-3__menu {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.offcanvas-3__menu ul {
  position: relative;
}
.offcanvas-3__menu ul:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #333337;
  left: 8px;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .offcanvas-3__menu ul:before {
    display: none;
  }
}
@media (max-height: 500px) {
  .offcanvas-3__menu ul:before {
    height: 100%;
  }
}
.offcanvas-3__menu li {
  padding-left: 58px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .offcanvas-3__menu li {
    padding-left: 0;
  }
}
.offcanvas-3__menu li:hover > a {
  color: var(--white);
}
.offcanvas-3__menu li:hover:before {
  opacity: 1;
  visibility: visible;
}
.offcanvas-3__menu li:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  background: var(--white);
  border-radius: 50%;
  border: 4px solid var(--black-2);
  left: 0;
  top: 38%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
@media only screen and (max-width: 767px) {
  .offcanvas-3__menu li:before {
    display: none;
  }
}
.offcanvas-3__menu li:not(:last-child) {
  margin-bottom: 26px;
}
.offcanvas-3__menu li a {
  font-size: 120px;
  font-size: 8vh;
  color: #666666;
  font-family: "Glorify DEMO";
  text-transform: uppercase;
  line-height: 0.9;
  position: relative;
  transition: all 0.5s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #ddd 50%, #666 0);
  background-size: 200% 100%;
  background-position: 100%;
  transform: perspective(359px) rotateY(-18deg);
}
.offcanvas-3__menu li a:hover {
  background-position: 0;
  color: #fff;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas-3__menu li a {
    font-size: 7vh;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas-3__menu li a {
    font-size: 6vh;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-3__menu li a {
    font-size: 5vw;
  }
}
.offcanvas-3__menu-wrapper {
  display: flex;
  align-items: flex-end;
  overflow-y: hidden;
}
.offcanvas-4__area {
  background-color: #F5EDE9;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 50px;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .offcanvas-4__area {
    padding: 40px;
  }
}
.offcanvas-4__social-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--black-2);
}
.offcanvas-4__social-title.has-left-line {
  padding-left: 60px;
}
.offcanvas-4__social-title.has-left-line:before {
  width: 50px;
}
.offcanvas-4__social {
  display: flex;
  align-items: center;
  transform: rotate(270deg) translateX(-50%);
  gap: 30px;
  transform-origin: 0% 0;
  margin-right: auto;
}
.offcanvas-4__social-links {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
.offcanvas-4__social-links a {
  font-size: 20px;
  color: var(--black-2);
}
.offcanvas-4__content-wrapper {
  display: grid;
  grid-template-columns: 30px 22% 1fr 255px;
  grid-gap: 140px;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1700px) {
  .offcanvas-4__content-wrapper {
    grid-gap: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .offcanvas-4__content-wrapper {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas-4__content-wrapper {
    grid-template-columns: 30px 22% 1fr 195px;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-4__content-wrapper {
    grid-template-columns: 80px 1fr 195px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas-4__content-wrapper {
    grid-template-columns: 1fr 170px;
  }
}
@media (max-width: 575px) {
  .offcanvas-4__content-wrapper {
    grid-template-columns: 1fr;
  }
}
.offcanvas-4__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 100%;
}
.offcanvas-4__menu {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.offcanvas-4__menu a {
  font-size: 4vw;
  font-family: "gallient";
  line-height: 1;
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .offcanvas-4__menu a {
    font-size: 6vw;
  }
}
.offcanvas-4__menu li:not(:last-child) {
  margin-bottom: 26px;
}
.offcanvas-4__menu.hover-border-move li a::after {
  bottom: 15px;
}
.offcanvas-4__menu-wrapper {
  height: 100%;
  overflow: hidden;
}
.offcanvas-4__meta li {
  font-size: 16px;
  color: var(--black-2);
}
.offcanvas-4__meta li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .offcanvas-4__meta li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.offcanvas-4__button-wrapper {
  position: absolute;
  right: 50px;
  top: 50px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-4__button-wrapper {
    right: 40px;
    top: 40px;
  }
}
.offcanvas-5__area {
  background-color: #6C7DB8;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 60px 50px 100px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .offcanvas-5__area {
    padding: 40px;
  }
}
.offcanvas-5__inner {
  display: grid;
  grid-gap: 235px;
  grid-template-columns: auto 1fr auto;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-5__inner {
    grid-gap: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-5__inner {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}
.offcanvas-5__logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 991px) {
  .offcanvas-5__logo-wrapper {
    flex-direction: row;
    align-items: center;
  }
}
.offcanvas-5__content-wrapper {
  display: flex;
  gap: 50px;
  flex-direction: column;
  justify-content: space-between;
}
.offcanvas-5__meta-wrapper {
  display: flex;
  gap: 100px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-5__meta-wrapper {
    flex-direction: column;
    gap: 40px;
  }
}
.offcanvas-5__lang {
  display: flex;
  gap: 30px;
}
.offcanvas-5__lang a {
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}
.offcanvas-5__menu a {
  font-size: 5.7vw;
  font-family: var(--font_romanstory);
  line-height: 1;
}
.offcanvas-5__menu a:hover {
  color: var(--white);
}
.offcanvas-5__menu li:not(:last-child) {
  margin-bottom: -12px;
}
@media only screen and (max-width: 1919px) {
  .offcanvas-5__menu li:not(:last-child) {
    margin-bottom: 0;
  }
}
.offcanvas-5__menu > ul > li {
  counter-increment: menu-item;
}
.offcanvas-5__menu > ul > li > a {
  display: flex;
  gap: 10px;
}
.offcanvas-5__menu > ul > li > a:after {
  content: counter(menu-item, decimal-leading-zero);
  font-size: 14px;
  line-height: 26px;
}
.offcanvas-5__meta li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.offcanvas-5__meta li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas-5__social-title {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--black-2);
  font-weight: 600;
  margin-bottom: 10px;
}
.offcanvas-5__social-links {
  display: flex;
  gap: 20px;
}
.offcanvas-5__social-links a {
  font-size: 18px;
}
.offcanvas-5__social-links a:hover {
  color: var(--white);
}
.offcanvas-6__area {
  background-color: #AF89FF;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__area {
    background-color: #F4E5D3;
  }
}
.offcanvas-6__inner {
  display: grid;
  grid-template-columns: 1fr 615px;
  height: 100%;
  overflow-y: scroll;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .offcanvas-6__inner {
    grid-template-columns: 1fr 460px;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-6__inner {
    grid-template-columns: 1fr auto;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__inner {
    grid-template-columns: 1fr;
  }
}
.offcanvas-6__menu-wrapper {
  background: #F4E5D3;
  border-right: 3px solid var(--black-2);
  padding-left: 80px;
  padding-bottom: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas-6__menu-wrapper {
    padding-bottom: 55px;
  }
}
@media only screen and (max-width: 1399px) {
  .offcanvas-6__menu-wrapper {
    padding-bottom: 35px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__menu-wrapper {
    border-right: 0;
    padding-right: 40px;
  }
}
.offcanvas-6__logo {
  border-bottom: 3px solid var(--black-2);
  padding: 40px 0;
}
.offcanvas-6__menu a {
  font-size: 7.7vw;
  font-weight: 600;
  font-family: var(--font_clashDisplay);
  line-height: 1;
  line-height: 0.7;
  position: relative;
  transition: all 0.5s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #AF89FF, #AF89FF 50%, #080808 0);
  background-size: 200% 100%;
  background-position: 100%;
  transform: perspective(359px) rotateY(-18deg);
}
.offcanvas-6__menu a:hover {
  background-position: 0;
  color: #AF89FF;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__menu a {
    font-size: 8.2vw;
    font-weight: 500;
  }
}
.offcanvas-6__menu a:after {
  position: absolute;
  content: "";
  background-image: url(../imgs/content-creator/smile.png);
  background-size: contain;
  width: 160px;
  height: 160px;
  left: calc(100% + 40px);
  top: 50%;
  transform: translateY(-50%) rotate(-30deg);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media only screen and (max-width: 1919px) {
  .offcanvas-6__menu a:after {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas-6__menu a:after {
    display: none;
  }
}
.offcanvas-6__menu a:hover:after {
  opacity: 1;
  visibility: visible;
}
.offcanvas-6__menu li {
  margin-right: 200px;
}
@media only screen and (max-width: 1919px) {
  .offcanvas-6__menu li {
    margin-right: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas-6__menu li {
    margin-right: 60px;
  }
}
.offcanvas-6__menu li:not(:last-child) {
  margin-bottom: 47px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__menu li:not(:last-child) {
    margin-bottom: 27px;
  }
}
.offcanvas-6__meta-wrapper {
  padding: 60px 80px 150px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .offcanvas-6__meta-wrapper {
    padding: 60px 60px 65px;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-6__meta-wrapper {
    padding: 40px 40px 45px;
  }
}
.offcanvas-6__close-button {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__close-button {
    position: absolute;
    top: 40px;
    right: 45px;
  }
}
.offcanvas-6__links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.offcanvas-6__meta-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--black-2);
  font-family: var(--font_clashDisplay);
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__meta-title {
    font-size: 26px;
  }
}
.offcanvas-6__meta li {
  font-size: 20px;
  line-height: 25px;
  font-family: var(--font_clashDisplay);
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__meta li {
    font-size: 18px;
  }
}
.offcanvas-6__meta li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas-6__social-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--black-2);
  font-family: var(--font_clashDisplay);
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .offcanvas-6__social-title {
    font-size: 26px;
  }
}
.offcanvas-6__social-links {
  display: flex;
  gap: 22px;
}
.offcanvas-6__social-links a {
  width: 95px;
  height: 95px;
  background: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border-radius: 30px;
  border: 3px solid var(--black-2);
  filter: drop-shadow(5px 5px 0 black);
}
@media only screen and (max-width: 1399px) {
  .offcanvas-6__social-links a {
    width: 60px;
    height: 60px;
    font-size: 22px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .offcanvas-6__social-links a {
    width: 40px;
    height: 40px;
    font-size: 17px;
  }
}

.shadow-close-button {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: var(--white);
  position: relative;
  border: 3px solid var(--black-2);
  filter: drop-shadow(5px 5px 0 var(--black-2));
}
.shadow-close-button span {
  width: 30px;
  height: 3px;
  display: inline-block;
  background-color: var(--black-2);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 3px;
}
.shadow-close-button span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.shadow-close-button span:last-child {
  transform: translateX(-50%) rotate(-45deg);
}

.cross-button {
  width: 130px;
  height: 130px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .cross-button {
    width: 60px;
    height: 60px;
  }
}
.cross-button span {
  width: 100%;
  height: 1px;
  display: inline-block;
  background-color: var(--black-2);
  position: absolute;
  left: 50%;
  top: 50%;
}
.cross-button span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.cross-button span:last-child {
  transform: translateX(-50%) rotate(-45deg);
}

.text-close-button {
  font-size: 15px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.text-close-button .bars {
  width: 40px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.text-close-button .bars span {
  width: 100%;
  height: 1px;
  background: var(--black-2);
}

.close-button {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: var(--black-2);
  position: relative;
  border: 1px solid #333337;
}
@media only screen and (max-width: 767px) {
  .close-button {
    width: 50px;
    height: 50px;
  }
}
.close-button span {
  width: 26px;
  height: 1px;
  display: inline-block;
  background-color: var(--white);
  position: absolute;
  left: 50%;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .close-button span {
    width: 20px;
  }
}
.close-button span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.close-button span:last-child {
  transform: translateX(-50%) rotate(-45deg);
}

.gallery__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.gallery__item {
  position: relative;
}
.gallery__item a {
  display: block;
}
.gallery__item a:hover span {
  opacity: 1;
  visibility: visible;
}
.gallery__item span {
  color: var(--white);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.4);
}

#offcanvas6 {
  visibility: hidden;
}

.offcanvas-6__menu-wrapper {
  left: -100%;
  position: relative;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transform: perspective(359px) rotateY(25deg);
}

.offcanvas-6__meta-wrapper {
  left: 100%;
  position: relative;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transform: perspective(359px) rotateY(-25deg);
}

.offcanvas-6__menu ul li {
  opacity: 0;
  left: -100px;
  position: relative;
}

.second_level_canvas {
  opacity: 0;
  scale: 0.8;
}

.offcanvas-6__social-title {
  opacity: 0;
  position: relative;
  left: -50px;
  overflow: hidden;
}

.offcanvas-6__social-links a {
  opacity: 0;
  scale: 0.8;
  left: -15px;
}

#main_btn {
  position: relative;
  z-index: 999999;
  background-color: red;
  padding: 30px;
}

.offcanvas-4__area {
  top: -20%;
  opacity: 0;
  visibility: hidden;
  transform: perspective(359px) rotateX(25deg);
}

.offcanvas-4__menu ul li {
  opacity: 0;
  visibility: hidden;
  transform: perspective(250px) rotateX(90deg);
  top: -10px;
}

.offcanvas-4__thumb {
  opacity: 0;
  left: 50px;
  visibility: hidden;
  position: relative;
}

.offcanvas-4__meta {
  opacity: 0;
  left: -50px;
  visibility: hidden;
  position: relative;
}

.offcanvas-3__area {
  left: 0%;
  opacity: 0;
  visibility: hidden;
  transform: perspective(359px) rotateY(50deg);
}

.offcanvas-3__menu ul li {
  opacity: 0;
  top: -100px;
  position: relative;
  transform: perspective(359px) rotateX(50deg);
}

.offcanvas-3__meta {
  opacity: 0;
  top: -30px;
  position: relative;
}

.offcanvas-3__social {
  opacity: 0;
  top: -30px;
  position: relative;
}

.offcanvas__left-2 {
  opacity: 0;
  left: -50px;
  position: relative;
}

.offcanvas__right-2 {
  opacity: 0;
  left: -50px;
  position: relative;
}

.offcanvas__menu-2 ul li {
  overflow: hidden;
  bottom: -60px;
  opacity: 0;
  position: relative;
}

.offcanvas__area-2 {
  overflow: hidden;
  top: -100%;
  border-radius: 0 0 1000px 1000px;
}

body .btn4 {
  position: absolute;
  z-index: 999999;
}

.award__item {
  padding: 30px 40px;
  background-color: var(--black-4);
}
@media only screen and (max-width: 1399px) {
  .award__item {
    padding: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .award__item {
    padding: 20px;
  }
}
.award__item img {
  margin-bottom: 15px;
}
.award__item-2 img {
  margin-bottom: 15px;
  max-width: 65px;
}
.award__title, .award__title-2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 5px;
}
.award__title-2 {
  font-weight: 500;
}
.award__status, .award__status-2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--primary);
  text-transform: capitalize;
}
.award__status-2 {
  font-size: 14px;
}
.award__date {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .award__date {
    padding-bottom: 30px;
  }
}

.light .award__title,
.light .award__title-2 {
  color: var(--black-2);
}
.light .award__item {
  background-color: var(--white-3);
}

.about__bio li {
  display: grid;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 2px;
  grid-template-columns: 130px 40px auto;
}
.about__bio li strong {
  font-weight: 500;
  color: var(--white);
}
.about__bio.resume li strong {
  color: #FCFAF5;
}
.about__hero {
  margin-top: 70px;
}
.about__hero-title {
  font-size: 90px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .about__hero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .about__hero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .about__hero-title {
    font-size: 40px;
  }
}
.about__hero-right p {
  font-size: 24px;
  font-weight: 400;
  max-width: 630px;
  color: var(--white);
  padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .about__hero-right p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .about__hero-right p {
    font-size: 20px;
  }
}
.about__hero-left {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-inline-start: 120px;
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .about__hero-left {
    padding-inline-start: 0;
    padding-bottom: 30px;
  }
}
.about__hero-left .shape-2 {
  inset-inline-start: -20px;
  bottom: 80px;
  position: absolute;
}
.light .about__hero-left .shape-2 {
  filter: brightness(0);
}
@media only screen and (max-width: 991px) {
  .about__hero-left .shape-2 {
    bottom: 20px;
    inset-inline-start: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .about__hero-left .shape-2 {
    width: 48px;
  }
}
.about__hero-video {
  padding-top: 75px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .about__hero-video {
    padding-top: 10px;
  }
}
.about__hero-video .shape {
  top: 235px;
  inset-inline-end: 0;
  z-index: 3;
  position: absolute;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .about__hero-video .shape {
    top: 90px;
    inset-inline-end: 30px;
  }
}
.about__counter-item .counter-number {
  font-size: 60px;
}
@media only screen and (max-width: 767px) {
  .about__counter-item .counter-number {
    font-size: 40px;
  }
}
.about__counter-item .counter-title {
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: 0;
  border: none;
  text-transform: uppercase;
}
.about__counter-title {
  color: var(--white);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  text-indent: 55px;
}
@media only screen and (max-width: 767px) {
  .about__counter-title {
    font-size: 36px;
  }
}
.about__counter-left {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .about__counter-left {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .about__counter-left {
    padding-bottom: 30px;
  }
}
.about__counter-left .shape-3 {
  top: -45px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .about__counter-left .shape-3 {
    top: -35px;
  }
}
.about__counter-right p {
  line-height: 1.6;
  padding-bottom: 45px;
  border-bottom: 1px solid var(--black-6);
}
.about__counter-flex {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.about__textslider-area .double-line {
  margin-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .about__textslider-area .double-line {
    margin-bottom: 60px;
  }
}
.about__textslider .swiper-wrapper {
  transition-timing-function: linear;
}
.about__textslider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.about__textslider .title {
  font-size: 180px;
  font-weight: 600;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .about__textslider .title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .about__textslider .title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .about__textslider .title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about__textslider .title {
    font-size: 48px;
  }
}
.about__textslider .title:after {
  content: "/";
  font-weight: 400;
  margin-inline-start: 20px;
}
.about__textslider img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about__textslider img {
    height: 50px;
  }
}
.about__education-grid {
  gap: 40px;
  display: grid;
}
@media only screen and (max-width: 1199px) {
  .about__education-grid {
    gap: 30px;
  }
}
.about__education p {
  font-size: 14px;
  font-weight: 400;
  color: var(--black-9);
  padding-bottom: 10px;
}
.about__education p i {
  padding-inline-end: 5px;
}
.about__education .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 5px;
}
.about__education .company {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--black-9);
}
.about__education-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--white);
}
.about__education-title-pd {
  padding-bottom: 55px;
}
@media only screen and (max-width: 1199px) {
  .about__education-title-pd {
    padding-bottom: 40px;
  }
}
.about__education-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline-start: 180px;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .about__education-list {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .about__education-list {
    padding-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about__education-list {
    padding-top: 50px;
  }
}
.about__education-img {
  height: 100%;
  align-items: center;
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .about__education-img {
    display: block;
  }
}
.about__award-area {
  background-color: var(--black-3);
}
.light .about__award-area {
  background-color: var(--white-2);
}
.about__award-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--white);
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .about__award-title {
    font-size: 32px;
  }
}
.about__award-title-pd {
  padding-top: 15px;
  padding-bottom: 50px;
}
.about__award-area .sec-title-wrapper {
  padding-bottom: 60px;
  position: relative;
}
.about__award-area .sec-title-wrapper .cols-2 {
  gap: 30px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .about__award-area .sec-title-wrapper .cols-2 {
    flex-direction: column;
  }
}
.light .about__award-area .sec-title-wrapper .cols-2 .arrow {
  filter: brightness(0.6);
}
.dir-rtl .about__award-area .sec-title-wrapper .cols-2 .arrow {
  transform: rotateY(180deg);
}
.about__award-area .sec-title-wrapper p {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .about__skill-img {
    margin-bottom: 50px;
  }
}
.about__skill-img img {
  max-width: 100%;
}
.about__skill .sec-title-wrap {
  padding-bottom: 50px;
}
.about__skill .sec-title-wrap .sec-sub-title {
  padding-bottom: 18px;
}
.about__skill .sec-title-wrap p {
  line-height: 1.6;
  padding-top: 30px;
}
@media only screen and (max-width: 991px) {
  .about__skill .sec-title-wrap p {
    padding-top: 20px;
  }
}
.about__skill-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline-start: 120px;
}
@media only screen and (max-width: 1199px) {
  .about__skill-right {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .about__skill-right {
    padding-inline-start: 0px;
  }
}
.about__skill-grid {
  gap: 20px;
  display: grid;
}
@media only screen and (max-width: 991px) {
  .about__skill-grid {
    gap: 15px;
  }
}
.about__brand-slider {
  padding-top: 40px;
}

.double-line {
  height: 20px;
  position: relative;
}
.double-line::before {
  position: absolute;
  content: "";
  width: 150px;
  height: 1px;
  background: var(--black-6);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.double-line::after {
  position: absolute;
  content: "";
  width: 630px;
  height: 1px;
  background: var(--black-6);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .double-line::after {
    width: 300px;
  }
}

.line-left {
  position: relative;
  padding-inline-start: 170px;
}
@media only screen and (max-width: 767px) {
  .line-left {
    padding-inline-start: 120px;
  }
}
.line-left::before {
  position: absolute;
  content: "";
  width: 150px;
  height: 1px;
  top: 50%;
  inset-inline-start: 0;
  background: currentColor;
}
@media only screen and (max-width: 767px) {
  .line-left::before {
    width: 100px;
  }
}

.light .about__bio li {
  color: var(--gray);
}
.light .about__bio li strong {
  color: var(--black-2);
}
.light .double-line::before, .light .double-line::after {
  background: var(--white-4);
}
.light .about__hero-title {
  color: var(--black-2);
}
.light .about__hero-right p {
  color: var(--black-2);
}
.light .about__counter-title {
  color: var(--black-2);
}
.light .about__counter-right p {
  border-color: var(--white-4);
}
.light .about__textslider .title {
  color: var(--black-2);
}
.light .about__education p,
.light .about__education .company {
  color: var(--gray);
}
.light .about__education-title,
.light .about__education .title {
  color: var(--black-2);
}
.light .about__award-title {
  color: var(--black-2);
}

.portfolio__area .sec-title-2 {
  font-size: 40px;
}

.project_detail_cover {
  margin-bottom: 60px;
}
.project_details_title {
  color: var(--white);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
}
@media only screen and (max-width: 991px) {
  .project_details_title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .project_details_title {
    font-size: 36px;
  }
}
.project_info {
  gap: 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 35px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid var(--black-6);
  border-bottom: 1px solid var(--black-6);
}
@media only screen and (max-width: 767px) {
  .project_info {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .project_info li {
    flex-basis: 45%;
  }
}
.project_info li span,
.project_info li .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--gray-4);
}
.project_info li h4,
.project_info li .info {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
}
.light .project_info li h4,
.light .project_info li .info {
  color: var(--black-2);
}
.project_subtag {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--white);
  padding-bottom: 20px;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .project_subtag {
    padding-top: 20px;
  }
}
.projectFeatures {
  padding-bottom: 30px;
}
.projectFeatures li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  line-height: 1.8;
  margin-bottom: 0;
}
.project_overview p {
  line-height: 1.6;
  padding-bottom: 30px;
}
.project-sm-thumb {
  gap: 30px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 0.58fr;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .project-sm-thumb {
    grid-template-columns: 1fr;
  }
}
.project-sm-thumb img {
  max-width: 100%;
}
.project__details {
  max-width: 850px;
  margin: 0 auto;
}

.recentwork__area {
  background-color: var(--black-2);
}
.light .recentwork__area {
  background-color: var(--white);
}
.recentwork__area .sec-title-wrapper {
  text-align: center;
  border-top: 1px solid var(--black-6);
  background-color: var(--black-2);
}
.light .recentwork__area .sec-title-wrapper {
  background-color: var(--white);
}

.light .project_details_title {
  color: var(--black-2);
}
.light .project_subtag {
  color: var(--black-2);
}
.light .projectFeatures li {
  color: var(--black-2);
}
.light .project_info {
  border-color: var(--white-5);
}
.light .project_info li span {
  color: var(--gray);
}
.light .project_info li h4 {
  color: var(--black-2);
}
.light .recentwork__area .sec-title-wrapper {
  border-color: var(--white-5);
}

.first-letter-uper {
  text-transform: unset;
}

.indent-160 {
  text-indent: 160px;
}
@media only screen and (max-width: 1199px) {
  .indent-160 {
    text-indent: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .indent-160 {
    text-indent: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .indent-160 {
    text-indent: 50px;
  }
}

.line-btm {
  position: relative;
}
.line-btm::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 130px;
  bottom: 0;
  inset-inline-start: 50%;
  transform: translateY(100%);
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .line-btm::after {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .line-btm::after {
    height: 70px;
  }
}

.service__hero {
  margin-top: 70px;
}
.service__hero-title {
  font-size: 90px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Estedad";
}
@media only screen and (max-width: 1399px) {
  .service__hero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .service__hero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-title {
    font-size: 40px;
  }
}
.service__hero-text p {
  font-size: 18px;
  line-height: 1.6;
}
.service__hero-text p .focused {
  font-weight: 500;
  color: var(--white);
}
.light .service__hero-text p .focused {
  color: var(--black-2);
}
.service__hero-text-2 p {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .service__hero-text-2 p {
    font-size: 22px;
  }
}
.service__hero-text-pd {
  width: 265px;
  padding-top: 60px;
  margin-inline-start: 60%;
}
@media only screen and (max-width: 767px) {
  .service__hero-text-pd {
    margin-inline-start: 75px;
    padding-top: 40px;
  }
}
.service__hero-text-wrap {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}
.service__hero-text-wrap .line-btm {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .service__hero-text-wrap .line-btm {
    padding-bottom: 50px;
  }
}
.service__hero-content {
  position: relative;
}
.service__hero-content .shape {
  position: absolute;
  max-width: 90px;
  inset-inline-start: 40%;
}
.dir-rtl .service__hero-content .shape {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1199px) {
  .service__hero-content .shape {
    max-width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .service__hero-content .shape {
    inset-inline-start: 0;
    max-width: 50px;
    padding-top: 30px;
  }
}
.service__hero-img img {
  width: 100%;
}

.light .line-btm::after {
  background-color: var(--black-2);
}
.light .service__hero-title {
  color: var(--black-2);
}
.light .service__hero-text-2 p {
  color: var(--black-2);
}

.cf-insd__area .sec-title-18 {
  font-size: 170px;
}
@media only screen and (max-width: 1199px) {
  .cf-insd__area .sec-title-18 {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .cf-insd__area .sec-title-18 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .cf-insd__area .sec-title-18 {
    font-size: 40px;
  }
}
.cf-insd__title-wrapper {
  margin-top: 70px;
}
.cf-insd__thumb img {
  width: 100%;
}
.cf-insd__grid {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 140px;
  padding-top: 90px;
}
@media only screen and (max-width: 1199px) {
  .cf-insd__grid {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cf-insd__grid {
    grid-template-columns: 1fr;
    padding-top: 50px;
  }
}
.cf-insd__item p {
  font-size: 18px;
  line-height: 1.5;
}
.cf-insd__subtitle {
  font-size: 40px;
}
@media only screen and (max-width: 767px) {
  .cf-insd__subtitle {
    font-size: 30px;
  }
}
.cf-insd__award {
  max-width: 410px;
}
.cf-insd__other-service {
  background-color: #212224;
  padding: 40px;
}
.light .cf-insd__other-service {
  background-color: #FAFAFA;
}
@media only screen and (max-width: 991px) {
  .cf-insd__other-service {
    padding: 20px;
  }
}
.cf-insd__other-service ul li {
  border-bottom: 1px solid #3F3F3F;
}
.cf-insd__other-service ul li:last-child {
  border: 0;
}
.cf-insd__other-service ul li:last-child a {
  padding-bottom: 0;
}
.cf-insd__other-service ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  color: var(--gray-10);
  font-size: 20px;
}
.light .cf-insd__other-service ul li a {
  border-color: #E9E9E9;
}
.cf-insd__other-service ul li a i {
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
.cf-insd__other-service ul li a:hover {
  color: var(--white);
}
.light .cf-insd__other-service ul li a:hover {
  color: var(--black-2);
}
.cf-insd__other-service ul li a:hover i {
  opacity: 1;
  visibility: visible;
}
.cf-insd__other-title {
  font-size: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .cf-insd__other-title {
    font-size: 20px;
  }
}
.light .cf-insd__other-title {
  color: var(--black-2);
}
.cf-insd__video-thumb {
  position: relative;
}
.cf-insd__video-thumb img {
  width: 100%;
}
.cf-insd__button-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*
    DANCER HEADER AREA SASS
*/
.dancer__header {
  z-index: 100;
  padding: 10px 100px 0;
}
@media only screen and (max-width: 1700px) {
  .dancer__header {
    padding: 10px 60px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__header {
    padding: 20px 15px 0;
  }
}
.dancer__header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dancer__header-nav {
  flex: 1;
}
@media only screen and (max-width: 1199px) {
  .dancer__header-nav {
    display: none;
  }
}
.dancer__header-nav .main-menu > ul {
  justify-content: flex-end;
}
.dancer__header-nav .main-menu li a {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.light .dancer__header-nav .main-menu li a {
  color: var(--black-2);
}
.light .dancer__header-nav .main-menu .dp-menu li a {
  color: var(--white);
}
.dancer__header-icon {
  padding-inline-start: 75px;
}
.dancer__hero {
  padding-inline-start: 100px;
  padding-inline-end: 100px;
  text-align: center;
  padding-top: 157px;
  background-image: url(../imgs/home-10/hero/hero__glow.png);
  background-size: cover;
  position: relative;
  background-position: center;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1399px) {
  .dancer__hero {
    padding-top: 120px;
    padding-inline-start: 60px;
    padding-inline-end: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero {
    padding-top: 215px;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: 150px;
  }
}
.dancer__hero-swrapper {
  width: 220px;
  text-align: start;
  position: absolute;
  top: 220px;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-swrapper {
    top: 190px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-swrapper {
    inset-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-swrapper {
    top: 120px;
  }
}
@media (max-width: 575px) {
  .dancer__hero-swrapper {
    position: static;
    margin-inline-start: 12px;
  }
}
.dancer__hero-thumb {
  position: relative;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-mainImg img {
    width: 50%;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-mainImg img {
    width: 40%;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-mainImg img {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-mainImg img {
    width: 50%;
  }
}
.dancer__hero-shortText p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-shortText p {
    font-size: 20px;
  }
}
.dancer__hero-arrow1 {
  text-align: start;
  display: inherit;
  position: absolute;
  top: 430px;
  inset-inline-start: 190px;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-arrow1 {
    inset-inline-start: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-arrow1 {
    top: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-arrow1 {
    top: 500px;
    inset-inline-start: 20px;
  }
}
@media (max-width: 575px) {
  .dancer__hero-arrow1 {
    display: none;
  }
}
.dancer__hero-line1 {
  position: absolute;
  top: 0;
  inset-inline-start: 540px;
}
@media only screen and (max-width: 767px) {
  .dancer__hero-mainImg {
    width: 100%;
  }
}
.dancer__hero-hwrapper {
  width: 295px;
  text-indent: 60px;
  text-align: start;
  position: absolute;
  inset-inline-end: 100px;
  bottom: 59%;
  z-index: 99;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-hwrapper {
    inset-inline-end: 60px;
    bottom: 66%;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-hwrapper {
    bottom: 68%;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-hwrapper {
    inset-inline-end: 20px;
    bottom: 58%;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-hwrapper {
    bottom: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero-hwrapper {
    bottom: 59%;
  }
}
@media (max-width: 575px) {
  .dancer__hero-hwrapper {
    position: static;
    margin-inline-start: 12px;
    text-indent: 0;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.dancer__hero-highlightText p {
  font-size: 18px;
  color: var(--white);
}
.light .dancer__hero-highlightText p {
  color: var(--black-2);
}
.dancer__hero-title {
  font-weight: 400;
  font-size: 220px;
  line-height: 1.05;
  color: var(--white);
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 99;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-title {
    font-size: 170px;
    top: 13%;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-title {
    top: 11%;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-title {
    font-size: 120px;
    top: 16%;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero-title {
    top: 20%;
    font-size: 70px;
  }
}
@media (max-width: 575px) {
  .dancer__hero-title {
    top: 35%;
  }
}
.dancer__hero-title2 {
  font-weight: 400;
  font-size: 220px;
  line-height: 1;
  color: var(--white);
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-title2 {
    top: 25%;
    font-size: 180px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-title2 {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero-title2 {
    top: 24%;
    font-size: 70px;
  }
}
.dancer__hero-bottom {
  padding-top: 110px;
  padding-bottom: 170px;
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-bottom {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-bottom {
    padding-bottom: 50px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.dancer__hero-btitle {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
  color: var(--white);
  text-align: start;
}
@media only screen and (max-width: 1919px) {
  .dancer__hero-btitle {
    font-size: 85px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-btitle {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__hero-btitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__hero-btitle {
    font-size: 60px;
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .dancer__hero-btitle {
    font-size: 40px;
  }
}
.dancer__hero-btitle span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}
.dancer__hero-shortText2 {
  text-align: start;
  padding-inline-start: 115px;
}
@media only screen and (max-width: 1399px) {
  .dancer__hero-shortText2 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__hero-shortText2 {
    padding-inline-start: 0;
  }
}
.dancer__hero-bdis p {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.dancer__hero-signature {
  padding-top: 30px;
}
.light .dancer__hero-signature {
  filter: invert(1);
}
@media only screen and (max-width: 767px) {
  .dancer__hero-signature {
    padding-top: 0;
  }
}
.dancer_hover_text {
  position: relative;
}
.dancer_hover_text:hover .dancer_hover_img {
  opacity: 1;
}
.dancer_hover_img {
  width: 300px;
  height: 400px;
  position: absolute;
  top: -50%;
  inset-inline-start: -50%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.dancer__class-text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
  max-width: 410px;
}
.dancer-blogdetails__title {
  color: var(--white);
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .dancer-blogdetails__title {
    font-size: 36px;
  }
}

.blog-details__fullBody p {
  font-size: 18px;
  padding-bottom: 25px;
}
.blog-details__quote {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: 75px auto;
}
@media only screen and (max-width: 1919px) {
  .blog-details__quote {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details__quote {
    gap: 10px;
    flex-wrap: wrap;
  }
  .blog-details__quote img {
    max-width: 60px;
  }
}
.blog-details__quote-text p {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.3;
  color: var(--white);
}
.light .blog-details__quote-text p {
  color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .blog-details__quote-text p {
    font-size: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details__quote-text p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__quote-text p {
    font-size: 20px;
  }
}
.blog-details__quote-author p {
  position: relative;
  padding-inline-start: 50px;
}
.blog-details__quote-author p::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 13px;
  background: var(--gray);
  height: 1px;
  width: 40px;
}

.about__title-10 span {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}

.about__right-10 {
  text-align: start;
  padding-inline-start: 220px;
}

.about__right-10 p {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
}

.about__right-10 img {
  padding-top: 30px;
}

.hero__title-10 {
  font-weight: 400;
  font-size: 220px;
  line-height: 1;
  color: var(--white);
}

.hero__subtitle-10 {
  position: relative;
  z-index: 3;
}

/*
    DANCER CLASS AREA SASS
*/
.class__area-10 {
  background-color: var(--black-10);
}
.class__titlewrap {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .class__titlewrap {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .class__titlewrap {
    margin-bottom: 15px;
  }
}
.class__title {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--gray-9);
}
.class__title-10 {
  font-weight: 400;
  font-size: 90px;
  line-height: 1;
  color: var(--white);
  transition: all 0.3s;
}
.class__title-10:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .class__title-10 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .class__title-10 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .class__title-10 {
    font-size: 40px;
  }
}
.class__wrapper-10 {
  display: flex;
  align-items: center;
  padding-bottom: 150px;
  gap: 140px;
}
@media only screen and (max-width: 1199px) {
  .class__wrapper-10 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .class__wrapper-10 {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .class__wrapper-10 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .class__wrapper-10 {
    padding-bottom: 50px;
    flex-direction: column-reverse;
    gap: 50px;
  }
}
.class__wrapper-10:nth-child(odd) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .class__wrapper-10:nth-child(odd) {
    padding-bottom: 50px;
    flex-direction: column-reverse;
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .class__wrapper-10:nth-child(odd) .left-auto {
    text-align: start;
  }
}
@media only screen and (max-width: 1399px) {
  .class__thumb {
    max-width: 440px;
  }
}
.class__thumb img {
  max-width: 100%;
}
.class__counter {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
  padding-bottom: 110px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .class__counter {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .class__counter {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .class__counter {
    padding-bottom: 20px;
  }
}
.light .class__counter {
  color: var(--gray-10);
}
.class__section-10 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .class__section-10 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .class__section-10 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .class__section-10 {
    margin-bottom: 50px;
  }
}
.class__bg-10 {
  background-color: var(--black-10);
}

/*
    DANCER EXPOSE AREA SASS
*/
.expose__area-10 {
  padding-top: 180px;
  padding-bottom: 450px;
  text-align: center;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1199px) {
  .expose__area-10 {
    padding-top: 130px;
    padding-bottom: 330px;
  }
}
@media only screen and (max-width: 991px) {
  .expose__area-10 {
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .expose__area-10 {
    padding-top: 80px;
    padding-bottom: 0;
  }
}
.expose__title-10 {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.05;
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 1919px) {
  .expose__title-10 {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .expose__title-10 {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .expose__title-10 {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .expose__title-10 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .expose__title-10 {
    font-size: 40px;
  }
}
.expose__wrapper-10 {
  position: relative;
}
.expose__short p {
  max-width: 240px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  position: absolute;
  bottom: 188px;
  inset-inline-end: 170px;
  text-align: start;
}
@media only screen and (max-width: 1919px) {
  .expose__short p {
    bottom: 168px;
  }
}
@media only screen and (max-width: 1399px) {
  .expose__short p {
    inset-inline-end: 60px;
    bottom: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .expose__short p {
    inset-inline-end: 0;
    bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .expose__short p {
    bottom: 85px;
    inset-inline-end: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .expose__short p {
    position: unset;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.expose__img1 {
  position: absolute;
  top: 90px;
  inset-inline-start: 0;
}
@media only screen and (max-width: 1199px) {
  .expose__img1 {
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .expose__img1 {
    position: static;
    margin-top: 20px;
  }
}
.expose__img2 {
  position: absolute;
  top: 89%;
  inset-inline-end: 0;
}
@media only screen and (max-width: 1199px) {
  .expose__img2 {
    max-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .expose__img2 {
    top: auto;
    max-width: 300px;
    bottom: -210px;
  }
}
@media only screen and (max-width: 767px) {
  .expose__img2 {
    display: none;
  }
}

/*
    DANCER PLAN AREA SASS
*/
.plan__titlewrapper {
  margin-bottom: 50px;
}
.plan__area-10 {
  padding-bottom: 140px;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1199px) {
  .plan__area-10 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .plan__area-10 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__area-10 {
    padding-bottom: 30px;
  }
}
.plan__section-10 {
  margin-bottom: 40px;
}
.plan__wrapper-10 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .plan__wrapper-10 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__wrapper-10 {
    margin-bottom: 50px;
  }
}
.plan__item-10 {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: 0.6fr 0.9fr 0.6fr 0.8fr 205px;
  align-items: flex-start;
  padding-top: 35px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--gray-9);
}
@media only screen and (max-width: 1399px) {
  .plan__item-10 {
    grid-template-columns: 0.3fr 0.5fr 0.5fr 0.8fr 205px;
  }
}
@media only screen and (max-width: 991px) {
  .plan__item-10 {
    grid-template-columns: 0.2fr 0.5fr 0.5fr 0.8fr 200px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__item-10 {
    grid-template-columns: 0.2fr 0.5fr 0.5fr;
  }
}
@media (max-width: 575px) {
  .plan__item-10 {
    grid-template-columns: 1fr;
  }
}
.plan__item-10:first-child {
  border-top: 1px solid var(--gray-9);
}
@media only screen and (max-width: 767px) {
  .plan__item-10 .plan__item__dis {
    grid-column: 1/3;
  }
}
@media (max-width: 575px) {
  .plan__item-10 .plan__item__dis {
    grid-column: 1;
  }
}
.plan__title-10 {
  font-weight: 400;
  font-size: 90px;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .plan__title-10 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .plan__title-10 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__title-10 {
    font-size: 35px;
  }
}
.plan__text-wrap {
  display: flex;
  justify-content: space-between;
  margin-inline-start: 500px;
}
@media only screen and (max-width: 1199px) {
  .plan__text-wrap {
    margin-inline-start: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .plan__text-wrap {
    margin-inline-start: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__text-wrap {
    margin-inline-start: 0;
    gap: 30px;
  }
}
.plan__dis-10 p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  max-width: 250px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .plan__dis-10 p {
    margin: inherit;
  }
}
.plan__dis-10 p::before {
  position: absolute;
  content: "";
  inset-inline-start: -220px;
  top: 8px;
  height: 1px;
  background-color: var(--white);
  width: 140px;
}
.light .plan__dis-10 p::before {
  background-color: var(--black);
}
@media only screen and (max-width: 991px) {
  .plan__dis-10 p::before {
    inset-inline-start: -180px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__dis-10 p::before {
    display: none;
  }
}
.plan__arrow-10 {
  margin-top: 8px;
  padding-inline-end: 140px;
}
.dir-rtl .plan__arrow-10 {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1399px) {
  .plan__arrow-10 {
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .plan__arrow-10 {
    max-width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__arrow-10 {
    max-width: 60px;
  }
}

/*
    DANCER INSTAGRAM AREA SASS
*/
.instagram__area-10 {
  background-color: var(--black-10);
}
.instagram__item-10 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 767px) {
  .instagram__item-10 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dancer__instagram {
  text-align: center;
  padding-bottom: 45px;
}
.dancer__instagram-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--black-9);
}
.dancer__instagram-title a {
  color: var(--white);
  display: inline-block;
  transition: all 0.3s;
}
.dancer__instagram-title a:hover {
  color: var(--primary);
}

/*
    DANCER FOOTER AREA SASS
*/
.footer__btm-10 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 25px 100px;
  position: relative;
  margin-top: 130px;
  border-top: 1px solid var(--gray-9);
  gap: 15px;
}
@media only screen and (max-width: 1399px) {
  .footer__btm-10 {
    padding: 25px 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__btm-10 {
    padding: 25px 30px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__btm-10 {
    margin-top: 80px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .footer__btm-10 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__btm-10 .day-time {
    order: 2;
  }
}
.footer__btm-10 .day-time p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--black-9);
  text-align: center;
}
@media only screen and (max-width: 1919px) {
  .footer__btm-10 .day-time p {
    font-size: 16px;
  }
}
.footer__btm-10 .day-time p span {
  color: var(--white);
}
.footer__btm-10 ul {
  text-align: end;
}
@media only screen and (max-width: 991px) {
  .footer__btm-10 ul {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer__btm-10 ul {
    order: 1;
  }
}
.footer__btm-10 ul li {
  display: inline-block;
}
.footer__btm-10 ul li:last-child a::before {
  display: none;
}
.footer__btm-10 ul li a {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  display: inline-block;
  padding-inline-start: 30px;
  text-transform: capitalize;
  position: relative;
  transition: all 0.3s;
}
@media only screen and (max-width: 1919px) {
  .footer__btm-10 ul li a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__btm-10 ul li a {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__btm-10 ul li a {
    font-size: 16px;
  }
}
.footer__btm-10 ul li a:hover {
  color: var(--primary);
}
.footer__btm-10 ul li a::before {
  position: absolute;
  content: "";
  inset-inline-end: -15px;
  top: 7px;
  background-color: #3F3A36;
  height: 15px;
  width: 1px;
  z-index: 999;
}
@media only screen and (max-width: 991px) {
  .footer__btm-10 ul li a::before {
    inset-inline-end: -2px;
  }
}
.footer__social-10 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .footer__social-10 {
    padding-bottom: 10px;
  }
}
.footer__social-10 li {
  display: inline-block;
  margin-inline-end: 20px;
  position: relative;
}
.footer__social-10 li:last-child::before {
  display: none;
}
.footer__social-10 li::before {
  position: absolute;
  content: "";
  inset-inline-end: -12px;
  top: 7px;
  background-color: #6c6d6e;
  height: 15px;
  width: 1px;
  z-index: 999;
}
.footer__social-10 li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: var(--black-9);
  transition: all 0.3s;
}
.footer__social-10 li a:hover {
  color: var(--primary);
}
.footer__emailtitlewrap {
  padding-bottom: 30px;
}
.footer__email-10 {
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
}
.footer__email-10 a {
  color: var(--white);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s;
}
.footer__email-10 a:hover {
  color: var(--primary);
}
.footer__titlewrapper {
  padding-bottom: 40px;
}
.footer__titlewrapper .footer__title-10 {
  color: var(--white);
}
.footer__title-10 {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.05;
  text-align: center;
}
@media only screen and (max-width: 1919px) {
  .footer__title-10 {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .footer__title-10 {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__title-10 {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__title-10 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__title-10 {
    font-size: 50px;
  }
}
.footer__chevron-10 {
  display: block;
  margin: auto;
  margin-bottom: 85px;
  max-width: 80px;
}
@media only screen and (max-width: 991px) {
  .footer__chevron-10 {
    margin-bottom: 30px;
    max-width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__chevron-10 {
    max-width: 50px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__copytext {
    order: 3;
  }
}
.footer__copytext p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
}
@media only screen and (max-width: 1919px) {
  .footer__copytext p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__copytext p {
    grid-row: 3;
    text-align: center;
  }
}
.footer__copytext p a {
  color: var(--white);
  display: inline-block;
}
.footer__copytext p a:hover {
  color: var(--primary);
}

.footer__dancer {
  background-color: #1D1917;
}

/*
    DANCER ABOUT INNER AREA SASS
*/
.dancer__about-hero {
  padding-top: 220px;
  padding-bottom: 60px;
  background-color: var(--black-10);
}
.light .dancer__about-hero {
  background-color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .dancer__about-hero {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__about-hero {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__about-hero {
    padding-bottom: 0;
    padding-top: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__about-hero {
    padding-top: 160px;
  }
}
.dancer__about-wrapper {
  display: grid;
  grid-template-columns: 1.5fr 0.8fr;
}
@media only screen and (max-width: 991px) {
  .dancer__about-wrapper {
    grid-template-columns: auto;
  }
}
.dancer__about-content {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .dancer__about-content {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__about-img {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__about-img {
    text-align: center;
  }
}
.dancer__about-bottom {
  gap: 80px;
  display: grid;
  grid-template-columns: 325px 330px;
}
@media only screen and (max-width: 991px) {
  .dancer__about-bottom {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.dancer__about-left {
  max-width: 325px;
}
.dancer__about-img img {
  filter: grayscale(1);
  max-width: unset;
}
@media only screen and (max-width: 1199px) {
  .dancer__about-img img {
    max-width: 400px;
    margin-inline-start: -60px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__about-img img {
    margin-inline-start: 0px;
    position: absolute;
    max-width: 330px;
    inset-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__about-img img {
    width: 100%;
    position: unset;
  }
}
.dancer__about-dis1 p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  padding-bottom: 40px;
}
.dancer__about-dis2 p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.dancer__about-title {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
}
@media only screen and (max-width: 1919px) {
  .dancer__about-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__about-title {
    line-height: 1;
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__about-title {
    font-size: 50px;
  }
}
.dancer__about-title span {
  color: var(--white);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.dancer__about-popupwrap {
  position: relative;
  max-width: 250px;
}
.dancer__about-popupwrap img {
  filter: grayscale(1);
}
.dancer__about-playbtn {
  z-index: 3;
  border: 1px solid var(--white);
  border-radius: 45px;
  height: 64px;
  width: 64px;
  text-align: center;
  line-height: 64px;
  color: var(--white);
  display: inline-block;
}
.dancer__about-playbtn:hover i {
  color: var(--white);
}
.dancer__abouthow {
  background-color: var(--black-10);
}
.light .dancer__abouthow {
  background-color: var(--white);
}
.dancer__abouthow-sectitlewrap {
  text-align: center;
  padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-sectitlewrap {
    padding-bottom: 100px;
  }
}
.dancer__abouthow-sectitlewrap.dancer__aboutExpose {
  padding-bottom: 30px;
}
.dancer__abouthow-title {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
  color: var(--white);
  padding-bottom: 20px;
}
@media only screen and (max-width: 1919px) {
  .dancer__abouthow-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-title {
    line-height: 1;
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .dancer__abouthow-title {
    font-size: 40px;
  }
}
.light .dancer__abouthow-title {
  color: var(--black-2);
}
.dancer__abouthow-dis {
  max-width: 390px;
  margin: 0 auto;
}
.dancer__abouthow-dis p {
  font-size: 18px;
}
.dancer__abouthow-wrapper {
  position: relative;
}
.dancer__abouthow-wrapper.dark-about-wrap::before {
  background-color: var(--gray-9);
}
.dancer__abouthow-wrapper::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  inset-inline-end: 50%;
  top: 0;
}
.light .dancer__abouthow-wrapper::before {
  background-color: #E9E9E9;
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-wrapper::before {
    display: none;
  }
}
.dancer__abouthow-item {
  max-width: 565px;
  grid-gap: 65px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  text-align: end;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1399px) {
  .dancer__abouthow-item {
    max-width: 510px;
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-item {
    max-width: 375px;
    grid-gap: 30px;
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-item {
    max-width: 500px;
    grid-template-columns: auto auto;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-item {
    text-align: center;
    grid-template-columns: auto;
  }
}
.dancer__abouthow-item:last-child {
  margin-bottom: 0;
}
.dancer__abouthow-item:nth-child(even) {
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-item:nth-child(even) {
    text-align: center;
  }
}
.dancer__abouthow-item:nth-child(even) .dancer__abouthow-content {
  order: 2;
  text-align: start;
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-content {
    order: unset;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-content {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-content {
    text-align: center;
    order: 1;
  }
}
.dancer__abouthow-item:nth-child(even) .dancer__abouthow-thumb {
  order: 1;
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-thumb {
    text-align: start;
    order: unset;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-thumb {
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-thumb {
    text-align: center;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .dancer__abouthow-item:nth-child(even) .dancer__abouthow-thumb {
    text-align: center;
  }
}
.dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
  inset-inline-end: auto;
  inset-inline-start: -120px;
}
@media only screen and (max-width: 1399px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    inset-inline-start: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    inset-inline-start: -100px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    inset-inline-end: 50%;
    inset-inline-start: unset;
  }
  .dir-rtl .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    transform: translateX(-50%);
  }
}
.dancer__abouthow-item:nth-child(even) .dancer__abouthow-count::before {
  inset-inline-end: unset;
  inset-inline-start: 70px;
}
.dancer__abouthow-since {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  display: block;
  color: var(--white);
}
.light .dancer__abouthow-since {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-since {
    font-size: 30px;
  }
}
.dancer__abouthow-ititle {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: var(--white);
  display: block;
  margin-top: 18px;
  margin-bottom: 34px;
}
.light .dancer__abouthow-ititle {
  color: var(--black-2);
}
.dancer__abouthow-idis p {
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-idis p {
    max-width: 400px;
    margin: 0 auto;
  }
}
.dancer__abouthow-count {
  font-weight: 400;
  font-size: 30px;
  width: 70px;
  text-align: center;
  background: var(--black-10);
  color: var(--white);
  position: absolute;
  inset-inline-end: -120px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  line-height: 70px;
}
@media only screen and (max-width: 1399px) {
  .dancer__abouthow-count {
    inset-inline-end: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__abouthow-count {
    inset-inline-end: -100px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__abouthow-count {
    right: 50%;
    top: -70px;
    transform: translateX(50%);
    background-color: transparent;
  }
}
.dancer__abouthow-count.border-2 {
  background: var(--black-10);
  color: var(--white);
  width: 70px;
  border: 1px solid var(--gray-9);
  border-radius: 50px;
  text-align: center;
  inset-inline-end: -120px;
}
.dancer__abouthow-count.border-2::before {
  background: var(--white);
}
.dancer__abouthow-count::before {
  content: "";
  height: 1px;
  width: 70px;
  background: var(--white);
  position: absolute;
  top: 50%;
  inset-inline-end: 70px;
  z-index: 3;
}
@media only screen and (max-width: 991px) {
  .dancer__abouthow-count::before {
    display: none;
  }
}
.dancer__classinner {
  padding-top: 50px;
  background-color: var(--black-10);
}
@media only screen and (max-width: 991px) {
  .dancer__classinner {
    padding-top: 0;
  }
}
.light .dancer__classinner {
  background-color: var(--white);
}
.dancer__classinner .class__wrapper-10:nth-child(odd) {
  flex-direction: unset;
}
@media only screen and (max-width: 767px) {
  .dancer__classinner .class__wrapper-10:nth-child(odd) {
    flex: auto;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .dancer__classinner .class__wrapper-10:nth-child(odd) {
    flex-direction: column;
  }
}
.dancer__classinner .class__wrapper-10:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .dancer__classinner .class__wrapper-10:nth-child(even) {
    flex-direction: column;
  }
}
.dancer__classinner .class__wrapper-10:nth-child(even) .class__content {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .dancer__classinner .class__wrapper-10:nth-child(even) .class__content {
    text-align: start;
  }
}
.dancer__aboutAim {
  background-color: var(--black-10);
}
.light .dancer__aboutAim {
  background-color: var(--white);
}
.dancer__aboutAim-wrapper {
  display: grid;
  grid-template-columns: 0.9fr 1.3fr 2fr;
  grid-gap: 110px;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .dancer__aboutAim-wrapper {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__aboutAim-wrapper {
    grid-gap: 30px;
    grid-template-columns: 0.7fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__aboutAim-wrapper {
    grid-template-columns: auto;
    grid-gap: 40px;
  }
}
.dancer__aboutAim-left img {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .dancer__aboutAim-left img {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__aboutAim-right img {
    width: 100%;
  }
}
.dancer__aboutAim-title {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
  color: var(--white);
  padding-bottom: 25px;
}
@media only screen and (max-width: 1919px) {
  .dancer__aboutAim-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__aboutAim-title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__aboutAim-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__aboutAim-title {
    padding-bottom: 15px;
  }
}
.light .dancer__aboutAim-title {
  color: var(--black-2);
}
.dancer__aboutAim-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .dancer__aboutAim-right img {
    max-width: 100%;
  }
}
.dancer__aboutExpose {
  background-color: var(--black-10);
}
.light .dancer__aboutExpose {
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .dancer__aboutvideo {
    padding-top: 0;
  }
}
.dancer__aboutExpose-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 120px;
}
@media only screen and (max-width: 1399px) {
  .dancer__aboutExpose-wrapper {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__aboutExpose-wrapper {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__aboutExpose-wrapper {
    grid-template-columns: auto;
    grid-gap: 50px;
  }
}
.dancer__aboutExpose-item {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .dancer__aboutExpose-item img {
    width: 100%;
  }
}
.dancer__aboutExpose-thumb {
  overflow: hidden;
}
.dancer__aboutExpose-content {
  padding-top: 25px;
}
.dancer__aboutExpose-ititle {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.5;
  display: block;
  padding-bottom: 15px;
  transition: all 0.3s;
}
.dancer__aboutExpose-ititle:hover {
  color: var(--primary);
}
@media only screen and (max-width: 991px) {
  .dancer__aboutExpose-ititle {
    font-size: 32px;
    padding-bottom: 8px;
  }
}
.dancer__aboutExpose-idis p {
  font-size: 18px;
  line-height: 1.3;
}
.dancer__classhero {
  padding-top: 255px;
  padding-bottom: 100px;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1919px) {
  .dancer__classhero {
    padding-top: 185px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classhero {
    padding-bottom: 80px;
    padding-top: 150px;
  }
}
.light .dancer__classhero {
  background-color: var(--white);
}
.dancer__classhero-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 130px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .dancer__classhero-wrapper {
    gap: 30px;
    grid-template-columns: 1fr 1.3fr;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classhero-wrapper {
    grid-template-columns: auto;
  }
}
.dancer__classhero-title {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.05;
  color: var(--white);
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .dancer__classhero-title {
    font-size: 50px;
  }
}
.dancer__classhero-dis p {
  font-size: 18px;
}
.dancer__classhero-thumb img {
  filter: grayscale(1);
}
@media only screen and (max-width: 1199px) {
  .dancer__classhero-thumb img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classhero-thumb img {
    width: 100%;
  }
}
.dancer__classhero-arrowdown {
  padding-top: 100px;
  text-align: center;
}
@media only screen and (max-width: 1399px) {
  .dancer__classhero-arrowdown {
    padding-top: 50px;
  }
}
.light .dancer__classhero-arrowdown img {
  filter: invert(1);
}
.dancer__classDetailHero {
  background-color: #272422;
}
.light .dancer__classDetailHero {
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero.photographer-hero {
    padding-top: 120px;
  }
}
.dancer__classDetailHero-wrapper {
  text-align: center;
}
.dancer__classDetailHero-subtitle {
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-subtitle br {
    display: none;
  }
}
.dancer__classDetailHero-title {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-title {
    font-size: 60px;
  }
}
.dancer__classDetailHero-dis {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-dis {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-dis {
    font-size: 30px;
  }
}
.dancer__classDetailHero-thumb.yoga-thumb {
  padding-top: 110px;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-thumb.yoga-thumb {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-thumb.yoga-thumb {
    padding-top: 30px;
  }
}
.dancer__classDetailHero-content {
  text-align: start;
}
.dancer__classDetailHero-title2 {
  font-weight: 400;
  font-size: 90px;
  line-height: 1;
  display: block;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-title2 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__classDetailHero-title2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-title2 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-title2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-title2 br {
    display: none;
  }
}
.dancer__classDetailHero-dis2 p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-dis2 p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-dis2 p {
    font-size: 16px;
  }
}
.dancer__classDetailHero-items {
  text-align: start;
}
.dancer__classDetailHero-itemwrap {
  text-align: start;
}
.dancer__classDetailHero-itemwrap p {
  padding-bottom: 30px;
}
.dancer__classDetailHero-ltitle {
  font-family: "gallient";
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
  color: var(--white);
}
.dancer__classDetailHero-ltitle.yoga-ltitle {
  text-align: start;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-ltitle.yoga-ltitle {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-ltitle.yoga-ltitle {
    font-size: 30px;
  }
}
.dancer__classDetailHero-servicelist {
  -moz-column-count: 2;
       column-count: 2;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .dancer__classDetailHero-servicelist {
    -moz-column-count: unset;
         column-count: unset;
  }
}
.dancer__classDetailHero-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-item {
    grid-template-columns: 1fr 1.3fr;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-item {
    grid-template-columns: 1fr;
  }
}
.dancer__classDetailHero-item:not(:first-child) {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-item:not(:first-child) {
    margin-top: 40px;
  }
}
.dancer__classDetailHero-thumb1 {
  margin-top: 30px;
}
.dancer__classDetailHero-thumb1 img {
  filter: grayscale(1);
}
@media only screen and (max-width: 1199px) {
  .dancer__classDetailHero-thumb1 img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-left {
    padding-bottom: 10px;
  }
}
.dancer__classDetailHero-list {
  font-size: 50px;
  color: var(--white);
  display: flex;
  gap: 35px;
}
@media only screen and (max-width: 1399px) {
  .dancer__classDetailHero-list {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__classDetailHero-list {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__classDetailHero-list {
    gap: 10px;
    font-size: 30px;
  }
}
.dancer__classDetailHero-right p {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .dancer__classDetailHero-right p {
    font-size: 16px;
  }
}
.dancer__classDetail-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  color: var(--white);
  font-family: "newYork";
}
@media only screen and (max-width: 991px) {
  .dancer__classDetail-title {
    font-size: 32px;
  }
}
.dancer__classDetail-servicelist {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 4px;
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .dancer__classDetail-servicelist {
    padding-bottom: 0;
  }
}

.joya__contact-wrapper {
  margin-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .joya__contact-wrapper {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .joya__contact-wrapper {
    margin-bottom: 50px;
  }
}
.joya__contact-title {
  font-weight: 400;
  font-size: 95px;
  line-height: 1;
  display: block;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .joya__contact-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .joya__contact-title {
    font-size: 50px;
  }
}
.joya__contact-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.joya__contact-dis p.yoga-contact {
  color: var(--white);
}
.joya__contact-wrap {
  max-width: 100%;
  margin: auto;
}
.joya__contact-wrap.film-contact-wrap {
  max-width: unset;
}
.joya__contact-wrap .joya__contact-formfield input, .joya__contact-wrap .joya__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-wrap .joya__contact-formfield textarea, .joya__contact-wrap .joya__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-wrap .joya__contact-formfield textarea, .joya__contact-wrap .joya__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-formfield textarea {
  background: transparent;
  color: currentColor;
  border-bottom: 1px solid var(--gray-10);
}
.joya__contact-wrap .joya__contact-formfield input::-moz-placeholder, .joya__contact-wrap .joya__contact-formfield .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .joya__contact-wrap .joya__contact-formfield textarea::-moz-placeholder, .joya__contact-wrap .joya__contact-formfield .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .joya__contact-wrap .joya__contact-formfield textarea::-moz-placeholder, .joya__contact-wrap .joya__contact-formfield .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-formfield textarea::-moz-placeholder {
  color: var(--white);
}
.joya__contact-wrap .joya__contact-formfield input::placeholder, .joya__contact-wrap .joya__contact-formfield .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .joya__contact-wrap .joya__contact-formfield textarea::placeholder, .joya__contact-wrap .joya__contact-formfield .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .joya__contact-wrap .joya__contact-formfield textarea::placeholder, .joya__contact-wrap .joya__contact-formfield .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-formfield textarea::placeholder {
  color: var(--white);
}
.joya__contact-wrap .joya__contact-msg input, .joya__contact-wrap .joya__contact-msg .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-wrap .joya__contact-msg textarea, .joya__contact-wrap .joya__contact-msg .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-wrap .joya__contact-msg textarea, .joya__contact-wrap .joya__contact-msg .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-msg textarea {
  background: transparent;
  color: currentColor;
  border-bottom: 1px solid var(--gray-10);
}
.joya__contact-wrap .joya__contact-msg input::-moz-placeholder, .joya__contact-wrap .joya__contact-msg .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .joya__contact-wrap .joya__contact-msg textarea::-moz-placeholder, .joya__contact-wrap .joya__contact-msg .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .joya__contact-wrap .joya__contact-msg textarea::-moz-placeholder, .joya__contact-wrap .joya__contact-msg .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-msg textarea::-moz-placeholder {
  color: var(--white);
}
.joya__contact-wrap .joya__contact-msg input::placeholder, .joya__contact-wrap .joya__contact-msg .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .joya__contact-wrap .joya__contact-msg textarea::placeholder, .joya__contact-wrap .joya__contact-msg .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .joya__contact-wrap .joya__contact-msg textarea::placeholder, .joya__contact-wrap .joya__contact-msg .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-msg textarea::placeholder {
  color: var(--white);
}
.joya__contact-wrap .joya__contact-checkbox input, .joya__contact-wrap .joya__contact-checkbox .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-wrap .joya__contact-checkbox textarea, .joya__contact-wrap .joya__contact-checkbox .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-wrap .joya__contact-checkbox textarea, .joya__contact-wrap .joya__contact-checkbox .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-wrap .joya__contact-checkbox textarea {
  border: 1px solid var(--white);
}
.joya__contact-wrap .joya__contact-checkbox label::before {
  background-image: url("../imgs/inner/dancer/check-white.png");
}
.joya__contact-formwrapper {
  display: flex;
  gap: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .joya__contact-formwrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .joya__contact-formwrapper {
    padding-top: 30px;
  }
}
.joya__contact-formwrap {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  .joya__contact-formwrap {
    flex-wrap: wrap;
  }
}
.joya__contact-formfield {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .joya__contact-formfield {
    max-width: 100%;
  }
}
.joya__contact-formfield input, .joya__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-formfield textarea, .joya__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-formfield textarea, .joya__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-formfield textarea {
  width: 100%;
  border: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #E9E9E9;
}
.joya__contact-formfield input::-moz-placeholder, .joya__contact-formfield .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .joya__contact-formfield textarea::-moz-placeholder, .joya__contact-formfield .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .joya__contact-formfield textarea::-moz-placeholder, .joya__contact-formfield .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .joya__contact-formfield textarea::-moz-placeholder {
  color: var(--gray-10);
}
.joya__contact-formfield input::placeholder, .joya__contact-formfield .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .joya__contact-formfield textarea::placeholder, .joya__contact-formfield .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .joya__contact-formfield textarea::placeholder, .joya__contact-formfield .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .joya__contact-formfield textarea::placeholder {
  color: var(--gray-10);
}
.joya__contact-formfield input:focus, .joya__contact-formfield .cf-details-comment__field textarea:focus, .cf-details-comment__field .joya__contact-formfield textarea:focus, .joya__contact-formfield .dt-inap__appointment textarea:focus, .dt-inap__appointment .joya__contact-formfield textarea:focus, .joya__contact-formfield .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .joya__contact-formfield textarea:focus {
  outline: 0;
}
.joya__contact-msg {
  margin-top: 40px;
}
.joya__contact-msg input, .joya__contact-msg .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-msg textarea, .joya__contact-msg .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-msg textarea, .joya__contact-msg .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-msg textarea {
  width: 100%;
  border: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #E9E9E9;
}
.joya__contact-msg input:focus, .joya__contact-msg .cf-details-comment__field textarea:focus, .cf-details-comment__field .joya__contact-msg textarea:focus, .joya__contact-msg .dt-inap__appointment textarea:focus, .dt-inap__appointment .joya__contact-msg textarea:focus, .joya__contact-msg .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .joya__contact-msg textarea:focus {
  outline: 0;
}
.joya__contact-checkbox {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
}
.joya__contact-checkbox input, .joya__contact-checkbox .cf-details-comment__field textarea, .cf-details-comment__field .joya__contact-checkbox textarea, .joya__contact-checkbox .dt-inap__appointment textarea, .dt-inap__appointment .joya__contact-checkbox textarea, .joya__contact-checkbox .elc-inbd-comment__field textarea, .elc-inbd-comment__field .joya__contact-checkbox textarea {
  height: 20px;
  width: 20px;
  border: 1px solid var(--black-2);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 1s;
  margin-top: 2px;
}
.joya__contact-checkbox label {
  position: relative;
  color: var(--white);
}
.light .joya__contact-checkbox label {
  color: var(--black);
}
.joya__contact-checkbox label::before {
  content: "";
  height: 8px;
  width: 9px;
  background-image: url("../imgs/inner/dancer/check-sign.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  transition: 0.5s;
  inset-inline-start: -21px;
  opacity: 0;
  visibility: hidden;
}
.joya__contact-btnwraper {
  margin-top: 40px;
}

.joya__contact-checkbox input:checked ~ label::before, .joya__contact-checkbox .cf-details-comment__field textarea:checked ~ label::before, .cf-details-comment__field .joya__contact-checkbox textarea:checked ~ label::before, .joya__contact-checkbox .dt-inap__appointment textarea:checked ~ label::before, .dt-inap__appointment .joya__contact-checkbox textarea:checked ~ label::before, .joya__contact-checkbox .elc-inbd-comment__field textarea:checked ~ label::before, .elc-inbd-comment__field .joya__contact-checkbox textarea:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

/*
    DANCER BLOG AREA SASS
*/
@media only screen and (max-width: 767px) {
  .dancer__blog {
    padding-bottom: 40px;
  }
}
.dancer__blog-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .dancer__blog-wrapper {
    gap: 50px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blog-wrapper {
    gap: 30px;
    padding-bottom: 0;
  }
}
.dancer__blog-htitle {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
  .dancer__blog-htitle {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__blog-htitle {
    font-size: 50px;
  }
}
.dancer__blog-htitle span {
  display: block;
  padding-inline-start: 140px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .dancer__blog-htitle span {
    padding-inline-start: 70px;
  }
}
.dancer__blog-htitle span::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  height: 1px;
  width: 110px;
  background: var(--white);
}
@media only screen and (max-width: 991px) {
  .dancer__blog-htitle span::before {
    width: 60px;
  }
}
.dancer__blog-hdis p {
  max-width: 410px;
  font-size: 18px;
}
.dancer__blog-items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 95px 50px;
}
@media only screen and (max-width: 1919px) {
  .dancer__blog-items {
    grid-gap: 65px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blog-items {
    gap: 20px;
  }
}
.dancer__blog-item {
  overflow: hidden;
  width: 245px;
}
@media only screen and (max-width: 1399px) {
  .dancer__blog-item {
    width: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__blog-item {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blog-item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.dancer__blog-item .freelancer-blog__title {
  font-size: 34px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s;
}
@media only screen and (max-width: 1919px) {
  .dancer__blog-item .freelancer-blog__title {
    font-size: 31px;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__blog-item .freelancer-blog__title {
    font-size: 30px;
  }
}
.dancer__blog-item .freelancer-blog__title:hover {
  color: var(--primary);
}
.dancer__blog-item.large {
  width: 405px;
}
@media only screen and (max-width: 1399px) {
  .dancer__blog-item.large {
    width: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__blog-item.large {
    width: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__blog-item.large {
    width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blog-item.large {
    width: 100%;
  }
}
.dancer__blog-item .thumb {
  overflow: hidden;
  margin-bottom: 20px;
}
.dancer__blog-item .thumb img {
  width: 100%;
}
.dancer__blogdetails-wrapper {
  gap: 140px;
  display: grid;
  grid-template-columns: 80px auto;
}
@media only screen and (max-width: 1919px) {
  .dancer__blogdetails-wrapper {
    gap: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .dancer__blogdetails-wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-wrapper {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-wrapper {
    gap: 0px;
    grid-template-columns: 1fr;
  }
}
.dancer__blogdetails-header {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails .dancer__blog-item:last-child {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__blogdetails .dancer__blog-item:last-child {
    display: block;
  }
}
.dancer__blogdetails-tag a {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--white);
  background: var(--gray-10);
  border-radius: 6px;
  padding: 5px;
  z-index: 1;
  position: relative;
}
.dancer__blogdetails img {
  width: 100%;
}
.dancer__blogdetails-title {
  font-weight: 400;
  font-size: 80px;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .dancer__blogdetails-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-title {
    font-size: 40px;
  }
}
.dancer__blogdetails-metainfo p {
  font-weight: 400;
  line-height: 1.1;
  color: var(--gray-4);
  font-size: 14px;
}
.dancer__blogdetails-metainfo p .date {
  display: inline-block;
  position: relative;
  padding-inline-start: 40px;
}
.dancer__blogdetails-metainfo p .date::before {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  top: 50%;
  background: var(--gray-4);
  height: 1px;
  width: 20px;
}
.dancer__blogdetails-contentwrap {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 140px;
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-contentwrap {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-contentwrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.dancer__blogdetails-overview {
  display: flex;
  gap: 20px;
  flex-direction: column;
  max-width: 80px;
  border-inline-end: 1px solid var(--gray-13);
}
.light .dancer__blogdetails-overview {
  border-color: var(--black-2);
}
.dancer__blogdetails-overview.dark-overview li a {
  color: var(--white);
}
.light .dancer__blogdetails-overview.dark-overview li a {
  color: var(--black-2);
}
.dancer__blogdetails-overview.dark-overview li i {
  color: var(--white);
}
.light .dancer__blogdetails-overview.dark-overview li i {
  color: var(--black-2);
}
.dancer__blogdetails-overview.dark-overview li span {
  color: var(--white);
}
.light .dancer__blogdetails-overview.dark-overview li span {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-overview {
    flex-direction: row;
    border: 0;
  }
}
.dancer__blogdetails-overview li {
  text-align: center;
  position: relative;
  line-height: 1.1;
}
.dancer__blogdetails-overview li:first-child {
  margin-bottom: 30px;
}
.dancer__blogdetails-overview li:first-child::before {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  bottom: -25px;
  width: 80px;
  height: 1px;
  background: var(--gray-13);
}
.light .dancer__blogdetails-overview li:first-child::before {
  background: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-overview li:first-child::before {
    display: none;
  }
}
.dancer__blogdetails-overview li i {
  display: block;
  padding-bottom: 3px;
}
.dancer__blogdetails-overview li span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: var(--gray-10);
}
.dancer__blogdetails-overview li a {
  color: var(--black-2);
}
.dancer__blogdetails-contentmiddle {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .dancer__blogdetails-contentmiddle {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-contentmiddle {
    gap: 10px;
  }
}
.dancer__blogdetails-service {
  padding-inline-start: 70px;
}
@media only screen and (max-width: 991px) {
  .dancer__blogdetails-service {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-service {
    padding-inline-start: 20px;
  }
}
.dancer__blogdetails-tags {
  display: flex;
  gap: 8px;
}
.dancer__blogdetails-tags li a {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: var(--white);
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--gray-10);
}
.light .dancer__blogdetails-tags li a {
  color: var(--black-2);
  background: #E4E3E2;
}
.dancer__blogdetails-tags li a:hover {
  color: var(--primary);
}
.dancer__blogdetails-commentform-title {
  font-weight: 500;
  font-size: 36px;
  line-height: 1;
  padding-bottom: 10px;
}
.dancer__blogdetails-commentform .dmtitle {
  text-transform: capitalize;
}
.dancer__blogdetails-jtitlwrap {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-jtitlwrap {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-jtitlwrap {
    padding-bottom: 40px;
  }
}
.dancer__blogdetails-jtitle {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
}
@media only screen and (max-width: 991px) {
  .dancer__blogdetails-jtitle.photo-jtitle {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .dancer__blogdetails-jtitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .dancer__blogdetails-jtitle {
    font-size: 45px;
  }
}

.detail-thumb-anim {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.detail-thumb-anim img {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  height: 120%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*----------------------------------------*/
/*   DANCER LIGHT VERSION
/*----------------------------------------*/
.light .main-menu-4 li a {
  color: var(--black-2);
}
.light .main-menu-4 li a:hover {
  color: var(--primary);
}
.light .plan__item__price span {
  color: var(--black-2);
}
.light .dancer__hero {
  background-color: var(--white);
}
.light .class__area-10 {
  background-color: var(--white);
}
.light .expose__area-10 {
  background-color: var(--white);
}
.light .plan__area-10 {
  background-color: var(--white);
}
.light .instagram__area-10 {
  background-color: var(--white);
}
.light .class__bg-10 {
  background-color: var(--white);
}
.light .dancer__header-icon img {
  filter: invert(1);
}
.light .dancer__hero-swrapper p {
  color: var(--black-2);
}
.light .dancer__hero-title2 {
  color: var(--black-2);
}
.light .dancer__hero-arrow1 {
  filter: brightness(0);
}
.light .dancer__hero-btitle {
  color: var(--black-2);
}
.light .dancer__instagram-title a {
  color: var(--black-2);
}
.light .dancer__instagram-title a:hover {
  color: var(--primary);
}
.light .dancer__aboutAim-dis, .light .dancer__aboutExpose-idis {
  color: var(--gray-10);
}
.light .dancer__abouthow-count::before {
  background: var(--white);
}
.light .class__title {
  color: var(--black-2);
  border-color: var(--gray-13);
}
.light .class__title-10 {
  color: var(--black-2);
}
.light .class__title-10:hover {
  color: var(--primary);
}
.light .expose__title-10 {
  color: var(--black-2);
}
.light .plan__item-10 {
  border-color: var(--gray-13);
}
.light .plan__item-10 .wc-btn-oval-light {
  border: 1px solid var(--gray-13);
}
.light .plan__title-10 {
  color: var(--black-2);
}
.light .plan__arrow-10 {
  filter: brightness(0);
}
.light .plan__dis-10::before {
  background: var(--gray-4);
}
.light .dancer__about-title {
  color: var(--black-2);
}
.light .dancer__abouthow-title {
  color: var(--black-2);
}
.light .dancer__abouthow-count {
  background: var(--white);
  color: var(--black-2);
}
.light .dancer__abouthow-count::before {
  background: var(--black-2);
}
.light .dancer__abouthow-since {
  color: var(--black-2);
}
.light .dancer__abouthow-ititle {
  color: var(--black-2);
}
.light .dancer__aboutAim-title {
  color: var(--black-2);
}
.light.dancer__blogdetails h2 {
  color: var(--black-2);
}
.light .dancer__classhero-title {
  color: var(--black-2);
}
.light .dancer__classDetailHero-servicelist li {
  color: var(--black-2);
}
.light .dancer__classDetailHero-list li {
  color: var(--black-2);
}
.light .dancer__about-title span {
  color: var(--black-2);
}
.light.dancer__blogdetails h4 {
  color: var(--black-2);
}
.light .dancer__abouthow-idis {
  color: var(--gray-10);
}
.light .dancer__classhero-dis {
  color: var(--gray-10);
}
.light .dancer__blog-htitle span::before {
  background: var(--black-2);
}
.light .class__content {
  color: var(--gray-10);
}
.light .class__content p {
  color: var(--gray-10);
}
.light .plan__item__count {
  color: var(--gray-10);
}
.light .footer__btm-10 .day-time {
  color: var(--gray-10);
}
.light .footer__copytext {
  color: var(--gray-10);
}
.light .dancer__blogdetails-metainfo span::before {
  background: var(--black-2);
}
.light.dancer__blogdetails p {
  color: var(--gray-10);
}

.body-yoga {
  background-color: #262828;
}
.light .body-yoga {
  background-color: var(--white);
  color: #183C4F;
}
.light .body-yoga .text_invert > div {
  background-image: linear-gradient(to right, #183C4F 50%, rgba(66, 60, 60, 0.5) 50%);
}
.body-yoga h1,
.body-yoga h2,
.body-yoga h3,
.body-yoga h4,
.body-yoga h5,
.body-yoga h6 {
  line-height: 1.15;
}
.light .body-yoga h1,
.light .body-yoga h2,
.light .body-yoga h3,
.light .body-yoga h4,
.light .body-yoga h5,
.light .body-yoga h6 {
  color: #183C4F;
}
.light .body-yoga p {
  color: #183C4F;
}

/*
    YOGA HEADER AREA SASS
*/
@media only screen and (max-width: 1199px) {
  .header__nav-9 {
    display: none;
  }
}

.main-menu-9.dark-menu li a {
  color: var(--white);
}
.main-menu-9 li {
  display: inline-block;
  margin: 0 23px;
}
.main-menu-9 li a {
  color: var(--black-2);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}

/*
    YOGA ABOUT AREA SASS
*/
.about__area-9 .sec-title-wrap a {
  padding-bottom: 10px;
}
.about__subtitle {
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .about__subtitle {
    padding-top: 0;
    padding-bottom: 30px;
  }
}

/*
    YOGA SERVICE AREA SASS
*/
.yogaTrainer__service-area {
  padding-inline-start: 100px;
  padding-inline-end: 100px;
}
@media only screen and (max-width: 1919px) {
  .yogaTrainer__service-area {
    padding-inline-start: 80px;
    padding-inline-end: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .yogaTrainer__service-area {
    padding-inline-start: 60px;
    padding-inline-end: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-area {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__service-area {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
.yogaTrainer__service-area .wc-btn-border {
  border-color: #3F3A36;
}
.light .yogaTrainer__service-area .wc-btn-border {
  color: #183C4F;
  border-color: #183C4F;
}
.yogaTrainer__service-area .wc-btn-border:hover {
  border-color: transparent;
}
.yogaTrainer__service-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
  color: var(--white) !important;
  margin-bottom: 20px;
  transition: all 0.5s;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-title {
    font-size: 36px;
  }
}
.yogaTrainer__service-dis {
  color: var(--white);
  transition: all 0.5s;
  padding-bottom: 25px;
}
.yogaTrainer__service-count {
  position: absolute;
  top: 30px;
  inset-inline-start: 40px;
  z-index: 3;
  color: var(--white);
  transition: 0.1s linear;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-count {
    inset-inline-start: 20px;
  }
}
.yogaTrainer__service-line {
  width: 1px;
  height: 130px;
  background-color: var(--white);
  display: inline-block;
}
.light .yogaTrainer__service-line {
  background-color: #183C4F;
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__service-line {
    height: 80px;
  }
}
.yogaTrainer__service-item {
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.yogaTrainer__service-item::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.yogaTrainer__service-item::after {
  position: absolute;
  content: "";
  top: 30px;
  inset-inline-start: 40px;
  background-image: url(../imgs/service/icon/arrow-up.png);
  height: 30px;
  width: 30px;
  z-index: 3;
  background-repeat: no-repeat;
  transition: 0.3s linear;
  transform: scale(0);
}
.yogaTrainer__service-thumb img {
  width: 100%;
}
.yogaTrainer__service-footer {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 3;
  padding: 20px 40px;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-footer {
    padding: 20px;
  }
}

.service__thumb img {
  width: 100%;
}
.service__item-9 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 80px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1919px) {
  .service__item-9 {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .service__item-9 {
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .service__item-9 {
    grid-template-columns: auto auto;
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service__item-9 {
    margin-bottom: 50px;
    grid-template-columns: auto;
  }
}
.service__item-9 img {
  max-width: 100%;
}
.service__dis-9 {
  color: var(--white);
  transition: all 0.5s;
}
.service__single-9 {
  position: relative;
  z-index: 2;
  margin-bottom: 70px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .service__single-9 {
    margin-bottom: 30px;
  }
}
.service__single-9:hover .service__title-10 {
  transform: translateY(0);
}
.service__single-9:hover .service__dis-9 {
  transform: translateY(0);
}
.service__single-9:hover .service__count-9 {
  transform: scale(0);
}
.service__single-9:hover::after {
  transform: scale(1);
}
.service__single-9::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.service__single-9::after {
  position: absolute;
  content: "";
  top: 30px;
  inset-inline-start: 40px;
  background-image: url("../imgs/service/icon/arrow-up.png");
  height: 30px;
  width: 30px;
  z-index: 3;
  background-repeat: no-repeat;
  transition: 0.3s linear;
  transform: scale(0);
}
.service__count-9 {
  position: absolute;
  top: 30px;
  inset-inline-start: 40px;
  z-index: 3;
  color: var(--white);
  transition: 0.1s linear;
}
.service__subtitle-9 {
  margin-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .service__subtitle-9 {
    margin-bottom: 30px;
  }
}
.service__subtitle-10 {
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  color: var(--white);
  margin-bottom: 20px;
  transition: 0.3s linear;
  transform: translateY(70px);
}
@media only screen and (max-width: 1199px) {
  .service__subtitle-10 {
    font-size: 40px;
    line-height: 50px;
    transform: translateY(100px);
  }
}

/*
    YOGA WHY AREA SASS
*/
.why__wrapper-9 {
  display: grid;
  grid-template-columns: auto auto auto;
}
@media only screen and (max-width: 991px) {
  .why__wrapper-9 {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .why__wrapper-9 {
    grid-template-columns: auto;
  }
}
.why__title-9 {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.1;
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .why__title-9 {
    font-size: 170px;
  }
}
@media only screen and (max-width: 1399px) {
  .why__title-9 {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .why__title-9 {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .why__title-9 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .why__title-9 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .why__title-9.about-why-title {
    font-size: 40px;
  }
  .why__title-9.about-why-title br {
    display: none;
  }
}
.why__subtitle-9 {
  margin-bottom: 40px;
}
.why__left-9 {
  align-self: end;
}
@media only screen and (max-width: 991px) {
  .why__left-9 {
    padding-bottom: 50px;
  }
}
.why__left-9 .img-parallax {
  overflow: hidden;
  position: relative;
  width: 330px;
  height: 450px;
}
.why__left-9 .img-parallax img {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
}
.why__center-9 {
  position: relative;
  padding-inline-start: 100px;
  padding-inline-end: 50px;
}
@media only screen and (max-width: 1399px) {
  .why__center-9 {
    padding-inline-start: 0;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .why__center-9 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .why__center-9 {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.why-img-2 {
  margin-top: 120px;
}
@media only screen and (max-width: 1399px) {
  .why-img-2 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .why__right-9 {
    display: none;
  }
}
.why__dis-9 p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
  width: 270px;
  position: absolute;
  bottom: -131px;
  inset-inline-end: 71px;
  z-index: 99;
}
@media only screen and (max-width: 1399px) {
  .why__dis-9 p {
    inset-inline-end: -20px;
    bottom: -170px;
  }
}
@media only screen and (max-width: 1199px) {
  .why__dis-9 p {
    inset-inline-end: -100px;
  }
}
@media only screen and (max-width: 991px) {
  .why__dis-9 p {
    inset-inline-end: 0;
    position: static;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .why__dis-9 p {
    width: 100%;
  }
}
.why__bg-9 {
  margin-top: 275px;
  position: relative;
  z-index: 999;
}
@media only screen and (max-width: 991px) {
  .why__bg-9 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .why__bg-9 {
    margin-top: 30px;
  }
}

/*
    YOGA SCHEDULE AREA SASS
*/
@media only screen and (max-width: 991px) {
  .schedule__area-9 .schedule__time-list {
    margin-top: 50px;
  }
}
.schedule__subtitle-9 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .schedule__subtitle-9 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule__subtitle-9 {
    margin-bottom: 20px;
  }
}
.schedule__dis p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-9);
  padding-top: 12px;
}
@media only screen and (max-width: 1199px) {
  .schedule__dis p {
    padding-inline-end: 60px;
  }
  .schedule__dis p br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .schedule__dis p {
    max-width: 380px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule__dis p {
    font-size: 18px;
  }
}
.schedule__time {
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--gray-9);
}
.schedule__time-list.about-timelist {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .schedule__time {
    padding: 30px 0;
    flex-wrap: wrap;
  }
}
.schedule__time:first-child {
  border-top: 1px solid var(--gray-9);
}
.schedule__timing {
  color: var(--white);
}
.light .schedule__timing {
  color: #183C4F;
}
.schedule__timing tr {
  padding-bottom: 20px;
}
.schedule__timing tr td:first-child {
  padding-inline-end: 70px;
  text-align: end;
  padding-bottom: 5px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
}
@media only screen and (max-width: 1399px) {
  .schedule__timing tr td:first-child {
    padding-inline-end: 50px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule__timing tr td:first-child {
    padding-inline-end: 45px;
    font-size: 16px;
  }
}
.schedule__timing tr td:first-child::before {
  position: absolute;
  content: "";
  inset-inline-end: 24px;
  height: 1px;
  width: 13px;
  background-color: currentColor;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1399px) {
  .schedule__timing tr td:first-child::before {
    inset-inline-end: 18px;
  }
}
.schedule__timing tr td:last-child {
  font-size: 20px;
  color: var(--black-9);
}
@media only screen and (max-width: 1399px) {
  .schedule__timing tr td:last-child {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule__timing tr td:last-child {
    font-size: 16px;
  }
}
.schedule__day-9 {
  color: var(--white);
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
}
@media only screen and (max-width: 1399px) {
  .schedule__day-9 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .schedule__day-9 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .schedule__day-9 {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 1.2;
  }
}

/*
    YOGA TESTIMONIAL AREA SASS
*/
.testimonial__area-9 {
  background-color: var(--orange-light);
}
.light .testimonial__area-9 {
  background-color: #fff8f4;
}
.testimonial__area-9 .sec-sub-title-5 {
  color: #183C4F;
}

.testimonial__slider-9-nav {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-inline-start: 50%;
}
@media only screen and (max-width: 1399px) {
  .testimonial__slider-9-nav {
    margin-inline-start: 44%;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial__slider-9-nav {
    margin-inline-start: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial__slider-9-nav {
    margin-inline-start: 0;
  }
}
.testimonial__slider-9-nav .testimonial-button-next:after,
.testimonial__slider-9-nav .testimonial-button-prev:after {
  content: "next";
  display: none;
}
.dir-rtl .testimonial__slider-9-nav .testimonial-button-next img,
.dir-rtl .testimonial__slider-9-nav .testimonial-button-prev img {
  transform: rotateY(180deg);
}
.testimonial__slider-9-nav .testimonial-button-next.rotate-arrow {
  transform: rotateY(180deg);
  position: relative;
}
.testimonial__slider-9-nav .testimonial-button-next.rotate-arrow::before {
  content: "";
  position: absolute;
  inset-inline-start: 50px;
  height: 20px;
  width: 1px;
  background-color: var(--gray-9);
  top: 5px;
}

.testimonial9 {
  gap: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .testimonial9 {
    flex-direction: column;
    align-items: start;
  }
}
.testimonial9__content {
  flex-basis: 50%;
}
@media only screen and (max-width: 1399px) {
  .testimonial9__content {
    flex-basis: 56%;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial9__content {
    flex-basis: 65%;
  }
}
.testimonial9__content__name {
  font-size: 50px;
  font-weight: 400;
  color: #183C4F;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .testimonial9__content__name {
    font-size: 40px;
  }
}
.testimonial9__content__position {
  font-size: 16px;
  font-weight: 500;
  color: #183C4F;
  display: inline-block;
  margin-bottom: 30px;
}
.testimonial9__content__discription {
  color: #183C4F;
  font-size: 20px;
  line-height: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .testimonial9__content__discription {
    font-size: 18px;
  }
}

.testimonial-9 {
  position: relative;
}

.thumb-9 {
  position: relative;
  display: inline-block;
  inset-inline-start: 20%;
}
@media only screen and (max-width: 1399px) {
  .thumb-9 {
    inset-inline-start: 15%;
  }
}
@media only screen and (max-width: 1199px) {
  .thumb-9 {
    inset-inline-start: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .thumb-9 {
    inset-inline-start: 0;
    margin-top: 40px;
  }
}
.thumb-9::before {
  position: absolute;
  content: "";
  inset-inline-start: 66px;
  top: 0;
  height: 100px;
  background: #E8BF96;
  width: 100px;
  border-radius: 50px;
  z-index: 2;
}
.thumb-9::after {
  content: "";
  background-image: url("../imgs/quote/quote.png");
  height: 25px;
  width: 30px;
  background-repeat: no-repeat;
  z-index: 2;
  position: absolute;
  top: 38px;
  inset-inline-start: 100px;
}

/*
    YOGA PLAN AREA SASS
*/
@media only screen and (max-width: 991px) {
  .plan__area-9 .sec-title-13 {
    padding-bottom: 40px;
  }
}
.plan__item {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr 1fr;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid var(--gray-9);
}
.plan__item:first-child {
  border-top: 1px solid var(--gray-9);
}
@media only screen and (max-width: 1399px) {
  .plan__item {
    grid-template-columns: 1fr 0.8fr 1.5fr 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .plan__item {
    grid-template-columns: 1fr 1fr 1.5fr 1.5fr;
  }
}
@media only screen and (max-width: 767px) {
  .plan__item {
    grid-template-columns: auto;
    gap: 15px;
  }
}
.plan__item a {
  padding: 17px 25px;
  border-color: #3F3A36;
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .plan__item a {
    margin-inline-start: 0;
    margin-inline-end: auto;
  }
}
.light .plan__item a {
  border-color: #183C4F;
  color: #183C4F;
}
.plan__item a:hover {
  border-color: transparent;
}
.dir-rtl .plan__item a i {
  transform: rotateY(180deg);
}
.plan__item__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}
.light .plan__item__title {
  color: #183C4F;
}
@media only screen and (max-width: 767px) {
  .plan__item__title {
    margin-bottom: 15px;
  }
}
.plan__item__price {
  font-weight: 400;
  font-size: 60px;
  line-height: 0.8;
  color: var(--white);
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .plan__item__price {
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .plan__item__price {
    font-size: 40px;
  }
}
.plan__item__price span {
  display: inline-block;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: var(--white);
  vertical-align: top;
  padding-inline-end: 5px;
}
.plan__item__price::before {
  content: "";
  position: absolute;
  inset-inline-start: -51px;
  top: -16px;
  width: 1px;
  height: 90px;
  background-color: var(--gray-9);
}
@media only screen and (max-width: 1199px) {
  .plan__item__price::before {
    inset-inline-start: -24px;
  }
}
@media only screen and (max-width: 767px) {
  .plan__item__price::before {
    display: none;
  }
}
.plan__item__dis li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-inline-end: 70px;
}
@media only screen and (max-width: 1199px) {
  .plan__item__dis li {
    margin-inline-end: 0;
  }
}
.plan__item__count {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
}
@media only screen and (max-width: 767px) {
  .plan__item__count {
    margin-bottom: 0;
  }
}

.before-none::before {
  display: none;
}

/*
    YOGA INSTAGRAM AREA SASS
*/
.instagram__area-9 .schedule__subtitle-9 {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .instagram__area-9 .schedule__subtitle-9 {
    margin-bottom: 50px;
  }
}
.instagram__items {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media only screen and (max-width: 991px) {
  .instagram__items {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*
    YOGA FOOTER AREA SASS
*/
.footer__area-9 {
  background-color: var(--black-10);
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .footer__area-9 {
    padding-top: 40px;
  }
}
.footer__items-9 {
  display: grid;
  grid-template-columns: 1fr 1fr 0.9fr;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1399px) {
  .footer__items-9 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__items-9 {
    grid-gap: 30px;
    grid-template-columns: 1fr;
    padding-bottom: 50px;
  }
}
.footer__item-9 form {
  position: relative;
}
.footer__item-9 form input, .footer__item-9 form .cf-details-comment__field textarea, .cf-details-comment__field .footer__item-9 form textarea, .footer__item-9 form .dt-inap__appointment textarea, .dt-inap__appointment .footer__item-9 form textarea, .footer__item-9 form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer__item-9 form textarea {
  font-size: 20px;
  width: 100%;
  border: 0;
  background: transparent;
  border-bottom: 1px solid var(--white);
  padding: 0 30px 20px 0;
  color: var(--white);
  outline: none;
}
.dir-rtl .footer__item-9 form input, .dir-rtl .footer__item-9 form .cf-details-comment__field textarea, .cf-details-comment__field .dir-rtl .footer__item-9 form textarea, .dir-rtl .footer__item-9 form .dt-inap__appointment textarea, .dt-inap__appointment .dir-rtl .footer__item-9 form textarea, .dir-rtl .footer__item-9 form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .dir-rtl .footer__item-9 form textarea {
  padding: 0 0px 20px 30px;
}
.footer__item-9 form input::-moz-placeholder, .footer__item-9 form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .footer__item-9 form textarea::-moz-placeholder, .footer__item-9 form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .footer__item-9 form textarea::-moz-placeholder, .footer__item-9 form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .footer__item-9 form textarea::-moz-placeholder {
  color: var(--white);
}
.footer__item-9 form input::placeholder, .footer__item-9 form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .footer__item-9 form textarea::placeholder, .footer__item-9 form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .footer__item-9 form textarea::placeholder, .footer__item-9 form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .footer__item-9 form textarea::placeholder {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .footer__item-9 form input, .footer__item-9 form .cf-details-comment__field textarea, .cf-details-comment__field .footer__item-9 form textarea, .footer__item-9 form .dt-inap__appointment textarea, .dt-inap__appointment .footer__item-9 form textarea, .footer__item-9 form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer__item-9 form textarea {
    padding-top: 0;
  }
}
.footer__copy-9 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 35px 0;
  position: relative;
  border-top: 1px solid var(--gray-9);
}
@media only screen and (max-width: 767px) {
  .footer__copy-9 {
    grid-template-columns: 1fr;
  }
}
.footer__copy-9 p {
  font-size: 18px;
  font-weight: 500;
  color: var(--gray-4) !important;
}
@media only screen and (max-width: 767px) {
  .footer__copy-9 p {
    margin-bottom: 20px;
  }
  .footer__copy-9 p:first-child {
    grid-row: 3;
    margin-bottom: 0;
    margin-top: 20px;
  }
}
.footer__copy-9 p a {
  color: var(--white);
}
.footer__copy-9 p a:hover {
  color: var(--primary);
}
.footer__copy-9 p span {
  color: var(--white);
}
.footer__copy-9 p:nth-child(2) {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .footer__copy-9 p:nth-child(2) {
    text-align: start;
  }
}
.footer__copy-9 p:last-child {
  text-align: end;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .footer__copy-9 p:last-child {
    text-align: start;
  }
}
.footer__copy-9 p:last-child a {
  color: var(--gray-4);
}
.footer__copy-9 p:last-child a:hover {
  color: var(--primary);
}
.footer__link-9 li {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .footer__link-9 li {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__link-9 li {
    margin-bottom: 20px;
  }
}
.footer__link-9 li a {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  color: var(--white);
  display: inline-block;
  position: relative;
  font-family: var(--font_gallient);
}
@media only screen and (max-width: 1199px) {
  .footer__link-9 li a {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__link-9 li a {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__link-9 li a {
    font-size: 24px;
  }
}
.footer__link-9 li a:hover {
  color: var(--primary);
}
.footer__link-9 li a:hover::before {
  width: 100%;
}
.footer__link-9 li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  height: 1px;
  width: 0;
  background-color: var(--primary);
  transition: 0.3s linear;
}

/*
    YOGA HERO AREA SASS
*/
.yogaTrainer__hero {
  position: relative;
  z-index: 2;
  background-color: #EBEBEB;
}
.yogaTrainer__hero-wrapper {
  position: relative;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-wrapper {
    margin-top: 60px;
  }
}
.yogaTrainer__hero-sdis {
  position: absolute;
  inset-inline-start: 0;
  top: 10px;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-sdis {
    margin-bottom: 30px;
    position: relative;
    margin-top: 40px;
    z-index: 2;
  }
}
.yogaTrainer__hero-sdis p {
  font-size: 20px;
  font-weight: 400;
  max-width: 300px;
  color: #183C4F;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-sdis p {
    font-size: 18px;
  }
}
.yogaTrainer__hero-slider-btn {
  margin-top: -140px;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-slider-btn {
    margin-top: 0;
  }
}
.yogaTrainer__hero-title {
  font-size: 180px;
  font-weight: 400;
  line-height: 1.05;
  position: relative;
  z-index: 1;
  color: #183C4F;
  pointer-events: none;
}
@media only screen and (max-width: 1919px) {
  .yogaTrainer__hero-title {
    font-size: 170px;
  }
}
@media only screen and (max-width: 1399px) {
  .yogaTrainer__hero-title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-title {
    font-size: 60px;
  }
}
.yogaTrainer__hero-title .first-line {
  margin-inline-start: 330px;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-title .first-line {
    margin-inline-start: 0;
  }
}
.yogaTrainer__hero-title .last-line {
  margin-inline-start: 290px;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-title .last-line {
    margin-inline-start: 0;
  }
}
.yogaTrainer__hero-stitle1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-stitle1 {
    display: unset;
  }
}
.yogaTrainer__hero-title1 {
  font-size: 180px;
  font-weight: 400;
  line-height: 1.05;
  position: relative;
  z-index: 1;
  color: #183C4F;
  pointer-events: none;
}
@media only screen and (max-width: 1399px) {
  .yogaTrainer__hero-title1 {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-title1 {
    font-size: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-title1 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-title1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-title2wrapper {
    padding-inline-start: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-title2wrapper {
    padding-inline-start: 0;
  }
}
.yogaTrainer__hero-slide {
  width: 190px;
  margin-inline-start: auto;
  margin-top: -170px;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-slide {
    margin-top: -84px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-slide {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-slide {
    margin-top: -150px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-slide {
    margin-top: 0;
    margin-inline-start: 0;
  }
}
.yogaTrainer__hero-slide .btn-wrapper {
  width: 150px;
  height: 150px;
  margin: auto;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yogaTrainer__hero-slide .btn-wrapper a {
  width: 90px;
  height: 90px;
  line-height: 88px;
  border-color: #183C4F;
}
.yogaTrainer__hero-slide .btn-wrapper a:hover {
  border-color: var(--primary);
}
.yogaTrainer__hero-slideItem {
  padding-top: 10px;
  padding-bottom: 60px;
  position: relative;
}
.yogaTrainer__hero-slideitemthumb img {
  max-width: 100%;
}
.yogaTrainer__hero-left {
  margin-top: 100px;
  margin-inline-start: 85px;
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-left {
    margin-inline-start: 0;
  }
}
.yogaTrainer__hero-class {
  display: flex;
  align-items: center;
}
.yogaTrainer__hero-class img {
  margin-inline-end: 40px;
}
.dir-rtl .yogaTrainer__hero-class img {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-class img {
    max-width: 45px;
    margin-inline-end: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-class img {
    max-width: 60px;
    margin-inline-end: 30px;
  }
}
.yogaTrainer__hero-class p {
  font-weight: 500;
  max-width: 160px;
  color: #183C4F;
}
.yogaTrainer__hero-center {
  position: relative;
  width: 430px;
}
@media only screen and (max-width: 1399px) {
  .yogaTrainer__hero-center {
    width: 360px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-center {
    width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-center {
    width: 337px;
  }
}
.yogaTrainer__hero-center img {
  position: absolute;
  height: 640px;
  width: 430px;
  top: -255px;
  inset-inline-start: -50px;
  z-index: -1;
}
@media only screen and (max-width: 1399px) {
  .yogaTrainer__hero-center img {
    height: 540px;
    width: 360px;
  }
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-center img {
    width: 300px;
    height: 445px;
    top: -105px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-center img {
    height: 474px;
    width: 337px;
    top: -308px;
    inset-inline-start: -3px;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-center img {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-wrapbtn {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
  }
}

/*
    YOGA INNER AREA SASS
*/
.yoga__abouthow {
  background-color: var(--black-10);
}
.light .yoga__abouthow {
  background-color: var(--white-2);
}
.yoga__abouthow-wrapper {
  margin-inline-start: 0;
}
.yoga__abouthow-wrapper::before {
  background: var(--black-6);
}
.yoga__abouthero-wrapper {
  margin-top: 80px;
}
.yoga__abouthero-title {
  color: var(--white);
  font-weight: 400;
  font-size: 180px;
  line-height: 1;
}
@media only screen and (max-width: 1919px) {
  .yoga__abouthero-title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .yoga__abouthero-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .yoga__abouthero-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__abouthero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__abouthero-title {
    font-size: 50px;
  }
}
.yoga__abouthero-thumbone {
  margin-top: -126px;
}
@media only screen and (max-width: 1399px) {
  .yoga__abouthero-thumbone {
    margin-top: 0;
  }
}
.yoga__abouthero-thumb {
  padding-top: 50px;
  display: grid;
  gap: 110px;
  padding-inline-start: 265px;
  grid-template-columns: auto auto;
}
@media only screen and (max-width: 1399px) {
  .yoga__abouthero-thumb {
    padding-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__abouthero-thumb {
    display: unset;
  }
}
.yoga__abouthero-dis {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-top: 30px;
}
.yoga__aboutwhy {
  position: relative;
  margin-top: 250px;
}
@media only screen and (max-width: 991px) {
  .yoga__aboutwhy {
    margin-top: 120px;
  }
}
.yoga__aboutwhy-wrapper {
  gap: 50px;
}
.yoga__aboutwhy-wrapbottom {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .yoga__aboutwhy-wrapbottom {
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 30px;
  }
}
.yoga__aboutwhy-dis {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  max-width: 440px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 1199px) {
  .yoga__aboutwhy-dis {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__aboutwhy-dis {
    max-width: 100%;
  }
}
.yoga__aboutwhy-imgtop {
  position: absolute;
  top: -222px;
  inset-inline-start: 65%;
}
@media only screen and (max-width: 1919px) {
  .yoga__aboutwhy-imgtop {
    inset-inline-start: 70%;
  }
}
.yoga__class-wrapper {
  padding: 0 100px;
}
@media only screen and (max-width: 991px) {
  .yoga__class-wrapper {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__class-wrapper {
    padding: 0 15px;
  }
}
.yoga__media-items {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 190px;
       column-gap: 190px;
}
@media only screen and (max-width: 1919px) {
  .yoga__media-items {
    -moz-column-gap: 140px;
         column-gap: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .yoga__media-items {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__media-items {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.yoga__media-item {
  display: inline-block;
}
.yoga__media-item:not(:first-child) {
  margin-top: 150px;
}
@media only screen and (max-width: 991px) {
  .yoga__media-item:not(:first-child) {
    margin-top: 80px;
  }
}
.yoga__media-item img {
  max-width: 100%;
}
.yoga__media-icontent {
  text-align: center;
  padding-top: 35px;
}
@media only screen and (max-width: 991px) {
  .yoga__media-icontent {
    padding-top: 25px;
  }
}
.yoga__media-ititle {
  font-weight: 400;
  font-size: 80px;
  line-height: 1.5;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .yoga__media-ititle {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__media-ititle {
    font-size: 40px;
  }
}
.yoga__media-idis {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
}
.yoga__styletitle {
  font-weight: 400;
  font-size: 180px;
  line-height: 1;
  text-align: center;
  color: var(--white);
  padding-top: 120px;
}
.yoga__mediadetailscontent {
  display: grid;
  grid-template-columns: 150px 300px;
  gap: 180px;
  justify-content: center;
  padding-top: 30px;
}
.yoga__mediadetailscontent h2 {
  text-align: start;
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  color: var(--white);
}
.yoga__mediadetailscontent p {
  text-indent: 30px;
  text-align: start;
}
.yoga__blog-wrapper {
  margin-top: 80px;
}
.yoga__blog-htitle {
  font-size: 180px;
}
@media only screen and (max-width: 1399px) {
  .yoga__blog-htitle {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .yoga__blog-htitle {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blog-htitle {
    font-size: 50px;
  }
}
.yoga__blog-htitle span {
  display: block;
  padding-inline-start: 140px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .yoga__blog-htitle span {
    padding-inline-start: 70px;
  }
}
.yoga__blog-htitle span::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  height: 1px;
  width: 110px;
  background-color: var(--white);
}
.light .yoga__blog-htitle span::before {
  background-color: #183C4F;
}
@media only screen and (max-width: 991px) {
  .yoga__blog-htitle span::before {
    width: 60px;
  }
}
.yoga__blog-details {
  margin-top: 80px;
}
.yoga__blog-details .cf_details__title-main {
  font-size: 80px;
  max-width: 1000px;
}
@media only screen and (max-width: 1199px) {
  .yoga__blog-details .cf_details__title-main {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__blog-details .cf_details__title-main {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blog-details .cf_details__title-main {
    font-size: 40px;
  }
}
.yoga__blog-details .cf_details__meta {
  display: flex;
  gap: 10px;
}
.yoga__blog-details .cf_details__meta span {
  color: var(--white);
}
.light .yoga__blog-details .cf_details__meta span {
  color: #183C4F;
}
.yoga__blog-details .cf_details__quote-icon img {
  margin-top: 7px;
}
.yoga__blog-details .cf_details__quote-text {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .yoga__blog-details .cf_details__quote-text {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blog-details .cf_details__quote-text {
    font-size: 20px;
  }
}
.yoga__blog-details .cf_details__quote-author {
  font-size: 14px;
}
.yoga__blog-details .dancer__blogdetails-tag {
  background: var(--white);
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 10px;
}
.yoga__blog-details .dancer__blogdetails-tags li {
  color: var(--black-2);
  background: var(--white-2);
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 5px;
}
.yoga__blog-details .dancer__blogdetails-tagswrap {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .yoga__blog-details .dancer__blogdetails-tagswrap {
    padding-top: 30px;
  }
}
.yoga__blog-details .joya__contact-formwrap {
  padding-top: 60px;
}
.yoga__blog-details .yoga__blog-title {
  font-size: 30px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .yoga__blog-details .yoga__blog-title {
    font-size: 25px;
  }
}
.yoga__blog-details .cf_details__title-sub {
  font-size: 50px;
}
@media only screen and (max-width: 991px) {
  .yoga__blog-details .cf_details__title-sub {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blog-details .cf_details__title-sub {
    font-size: 36px;
  }
}
.yoga__blog-details .cf_details__title-sub.small {
  font-size: 36px;
}
.yoga__blog-details p {
  font-size: 18px;
}
.yoga__blog-details .list-check li,
.yoga__blog-details .list-plus li {
  margin-bottom: 5px;
}
.yoga__blog-details .list-tags a {
  font-size: 12px;
  padding: 4px 10px;
  line-height: 1;
  background-color: var(--gray-4);
  display: inline-block;
  border-radius: 5px;
  color: var(--black-3);
}
.light .yoga__blog-details .list-tags a {
  background-color: #F2F2F2;
  color: #183C4F;
}
.yoga__blog-details .list-tags {
  gap: 8px;
}
.yoga__innerpricing-title {
  font-weight: 400;
  font-size: 180px;
  line-height: 1;
  color: var(--white);
  margin-top: 80px;
}
@media only screen and (max-width: 1399px) {
  .yoga__innerpricing-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .yoga__innerpricing-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__innerpricing-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__innerpricing-title {
    font-size: 60px;
  }
}
.yoga__blog-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 90px;
}
@media only screen and (max-width: 1399px) {
  .yoga__blog-items {
    gap: 50px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__blog-items {
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
  }
}
@media (max-width: 575px) {
  .yoga__blog-items {
    grid-template-columns: 1fr;
  }
}
.yoga__blog-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3 !important;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .yoga__blog-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .yoga__blog-title {
    font-size: 18px;
  }
}
.yoga__blog-title:hover {
  color: var(--primary);
}
.yoga__blog-thumb {
  overflow: hidden;
  margin-bottom: 20px;
  display: inline-block;
}
.yoga__blog-meta {
  margin-bottom: 15px;
}
.yoga__blog-meta li {
  display: inline-block;
}
.yoga__blog-meta li a:hover {
  color: var(--primary);
}
.yoga__blog-meta li a,
.yoga__blog-meta li span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--gray-4);
  text-transform: capitalize;
}
.yoga__timeline-wrapper.timeline-wrapper::before {
  background-color: #3F3A36;
}
.light .yoga__timeline-wrapper.timeline-wrapper::before {
  background-color: #E9E9E9;
}
.yoga__timeline-wrapper .timeline-count {
  width: 70px;
  height: 70px;
  border: 1px solid #3F3A36;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}
.light .yoga__timeline-wrapper .timeline-count {
  border-color: #E9E9E9;
  background-color: var(--white-2);
}
.yoga__timeline-wrapper .timeline-count:before {
  background-color: #E9E9E9;
}
.light .yoga__timeline-wrapper .timeline-ititle {
  color: #183C4F;
}
.yoga__classDetails .cf__classDetails-wrapper {
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .yoga__classDetails .cf__classDetails-wrapper {
    margin-top: 50px;
  }
}
.yoga__mediaDetails .cf__classDetails-wrapper {
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .yoga__mediaDetails .cf__classDetails-wrapper {
    margin-top: 50px;
  }
}
.yoga__mediaDetails .cf__classDetails-subtitle {
  margin-bottom: 30px;
  display: inline-block;
}
.yoga__mediaDetails .photographertwo__hero-title {
  font-weight: 400;
  font-size: 180px;
  text-align: center;
  text-transform: capitalize;
}
.yoga__mediaDetails .photographertwo__photo-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
}
.yoga__mediaDetails .dancer__classDetailHero-itemwrap {
  padding-bottom: 40px;
}
.yoga__mediaDetails .photographertwo__photo-texttwowrap {
  padding-bottom: 70px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .yoga__mediaDetails .photographertwo__photo-title {
    font-size: 30px;
  }
}
.yoga__mediaDetails-morework {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 0 20px;
}
.yoga__mediaDetails-morework span {
  color: var(--white);
  white-space: nowrap;
}
.light .yoga__mediaDetails-morework span {
  color: #183C4F;
}
.yoga__mediaDetails-morework .line {
  width: 100%;
  border-top: 1px solid #3F3A36;
}
.light .yoga__mediaDetails-morework .line {
  border-color: #E9E9E9;
}
.yoga__mediaDetails-arrow {
  display: flex;
  gap: 40px;
  min-width: 100px;
}
.yoga__mediaDetails-arrow img {
  filter: brightness(10);
}
.light .yoga__mediaDetails-arrow img {
  filter: brightness(1);
}
.yoga__media-pwrapper {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.yoga__contact .joya__contact-wrap {
  margin-top: 80px;
}
.yoga__contact .joya__contact-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 767px) {
  .yoga__contact .joya__contact-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.yoga__contact .joya__contact-title {
  font-size: 180px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 1399px) {
  .yoga__contact .joya__contact-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .yoga__contact .joya__contact-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__contact .joya__contact-title {
    font-size: 60px;
  }
}
.yoga__contact .joya__contact-dis {
  max-width: 350px;
}

.light .yogatrainer__about-area .wc-btn-underline {
  color: #183C4F;
}
.light .yogatrainer__about-area .wc-btn-underline:after {
  background-color: #183C4F;
}

.yogaTrainer__hero-wrapbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__hero-wrapbtn {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .yogaTrainer__hero-wrapbtn {
    padding-top: 5px;
    gap: 100px;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .yogaTrainer__hero-wrapbtn {
    gap: 90px;
  }
}
.yogaTrainer__hero-wrapbtn a::before {
  background: var(--white-2);
}
.yogaTrainer__hero-wrapbtn .price {
  background-color: #204B6A;
  margin-inline-end: -27px;
}
.yogaTrainer__hero-wrapbtn .wc-btn-primary {
  color: #183C4F;
  font-weight: 500;
}

.heroslider_8-width {
  width: 190px;
  margin-inline-start: auto;
}
.heroslider_8 .btns {
  width: 110px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}
.heroslider_8 .btns::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  inset-inline-start: 50%;
  bottom: -10px;
  background-color: #D3D3D3;
}
.heroslider_8 .hero_next,
.heroslider_8 .hero_prev {
  top: 85%;
}
.heroslider_8 .hero_next::after,
.heroslider_8 .hero_prev::after {
  display: none;
}
.heroslider_8 .hero_next {
  inset-inline-end: 0;
  inset-inline-start: unset;
}
.heroslider_8 .hero_prev {
  inset-inline-start: 0;
}

@media only screen and (max-width: 767px) {
  .text-left-sm {
    text-align: center !important;
  }
}

.yogaTrainer__service-hover .yogaTrainer__service-title {
  transform: translateY(100px);
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-hover .yogaTrainer__service-title {
    transform: translateY(30px);
  }
}
.yogaTrainer__service-hover .yogaTrainer__service-dis {
  opacity: 0;
  transform: translateY(40px);
  color: var(--white) !important;
}
@media only screen and (max-width: 1199px) {
  .yogaTrainer__service-hover .yogaTrainer__service-dis {
    opacity: 1;
    transform: translateY(20px);
  }
}
.yogaTrainer__service-hover .yogaTrainer__service-thumb img {
  transition: all 5s;
}
.yogaTrainer__service-hover:hover .yogaTrainer__service-count {
  transform: scale(0);
}
.yogaTrainer__service-hover:hover::after {
  transform: scale(1);
}
.yogaTrainer__service-hover:hover .yogaTrainer__service-title {
  transform: translateY(0px);
}
.yogaTrainer__service-hover:hover .yogaTrainer__service-dis {
  opacity: 1;
  transform: translateY(0);
}
.yogaTrainer__service-hover:hover .yogaTrainer__service-thumb img {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.light.about__area-9 {
  background: var(--white);
}
.light.service__area-9 {
  background: var(--white);
}
.light.why__area-9 {
  background-color: var(--white);
}
.light.schedule__area-9 {
  background-color: var(--white);
}
.light.testimonial__area-9 {
  background-color: var(--white);
}
.light.plan__area-9 {
  background-color: var(--white);
}
.light.instagram__area-9 {
  background-color: var(--white);
}
.light.footer__area-9 {
  background-color: var(--white);
}

.light .about__title-9 {
  color: var(--black-2);
}
.light .about__subtitle-9 {
  color: var(--black-2);
}
.light .yogaTrainer__service-stitle {
  color: var(--black-2);
}
.light .service__title-9 {
  color: var(--black-2);
}
.light .yogaTrainer__service-line::before {
  background-color: var(--black-2);
}
.light .square-button {
  color: var(--black-2);
}
.light .why__title-9 {
  color: var(--black-2);
}
.light .schedule__title-9 {
  color: var(--black-2);
}
.light .schedule__day-9 {
  color: var(--black-2);
}
.light .schedule__time {
  border-color: #E9E9E9;
}
.light .schedule__timing tr td:last-child {
  color: #183C4F;
}
.light .plan__item {
  border-color: #183C4F;
}
.light .plan__item__price::before {
  background-color: #183C4F;
}
.light .footer__title-9 {
  color: var(--black-2);
}
.light .yoga__abouthero-title {
  color: #183C4F;
}
.light .yoga__abouthero-dis {
  color: #183C4F;
}
.light .yoga__media-ititle {
  color: var(--black-2);
}
.light .yoga__media-idis {
  color: var(--black-2);
}
.light .yoga__blog-title {
  color: var(--black-2);
}

.light .joya__contact-formfield input::-moz-placeholder, .light .joya__contact-formfield .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .joya__contact-formfield textarea::-moz-placeholder, .light .joya__contact-formfield .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .joya__contact-formfield textarea::-moz-placeholder, .light .joya__contact-formfield .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .joya__contact-formfield textarea::-moz-placeholder {
  color: var(--black-2);
}

.light .joya__contact-formfield input::placeholder, .light .joya__contact-formfield .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .joya__contact-formfield textarea::placeholder, .light .joya__contact-formfield .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .joya__contact-formfield textarea::placeholder, .light .joya__contact-formfield .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .joya__contact-formfield textarea::placeholder {
  color: var(--black-2);
}
.light .joya__contact-msg input::-moz-placeholder, .light .joya__contact-msg .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .joya__contact-msg textarea::-moz-placeholder, .light .joya__contact-msg .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .joya__contact-msg textarea::-moz-placeholder, .light .joya__contact-msg .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .joya__contact-msg textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .joya__contact-msg input::placeholder, .light .joya__contact-msg .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .joya__contact-msg textarea::placeholder, .light .joya__contact-msg .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .joya__contact-msg textarea::placeholder, .light .joya__contact-msg .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .joya__contact-msg textarea::placeholder {
  color: var(--black-2);
}
.light .joya__contact-checkbox input, .light .joya__contact-checkbox .cf-details-comment__field textarea, .cf-details-comment__field .light .joya__contact-checkbox textarea, .light .joya__contact-checkbox .dt-inap__appointment textarea, .dt-inap__appointment .light .joya__contact-checkbox textarea, .light .joya__contact-checkbox .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .joya__contact-checkbox textarea {
  border: 1px solid var(--black-2);
}
.light .joya__contact-checkbox label::before {
  filter: brightness(0);
}
.light .photographertwo__photo-title2 {
  color: var(--black-2);
}

.yoga-header__nav .main-menu > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 32px 25px;
}
.light .yoga-header__nav .main-menu > ul > li > a {
  color: #183C4F;
}
.yoga-header__nav .menu-dark li a {
  color: #183C4F;
}

.yoga-header {
  padding: 0px 50px;
  z-index: 100;
}
@media only screen and (max-width: 1199px) {
  .yoga-header {
    padding: 20px 50px;
  }
}
@media (max-width: 575px) {
  .yoga-header {
    padding: 20px 12px;
  }
}

.yoga__blogdetails-jtitlwrap {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .yoga__blogdetails-jtitlwrap {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blogdetails-jtitlwrap {
    padding-bottom: 40px;
  }
}
.yoga__blogdetails-jtitle {
  font-weight: 400;
  font-size: 90px;
  line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
  .yoga__blogdetails-jtitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blogdetails-jtitle {
    font-size: 40px;
  }
}
.yoga__blogdetails-contentwrap {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 140px;
}
@media only screen and (max-width: 1199px) {
  .yoga__blogdetails-contentwrap {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .yoga__blogdetails-contentwrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.yoga__blogdetails-overview {
  display: flex;
  gap: 20px;
  flex-direction: column;
  max-width: 80px;
  border-inline-end: 1px solid var(--gray-4);
}
.light .yoga__blogdetails-overview {
  border-color: #183C4F;
}
.yoga__blogdetails-overview.dark-overview li a {
  color: var(--white);
}
.light .yoga__blogdetails-overview.dark-overview li a {
  color: #183C4F;
}
.yoga__blogdetails-overview.dark-overview li i {
  color: var(--white);
}
.light .yoga__blogdetails-overview.dark-overview li i {
  color: #183C4F;
}
.yoga__blogdetails-overview.dark-overview li span {
  color: var(--white);
}
.light .yoga__blogdetails-overview.dark-overview li span {
  color: #183C4F;
}
@media only screen and (max-width: 767px) {
  .yoga__blogdetails-overview {
    flex-direction: row;
    border: 0;
  }
}
.yoga__blogdetails-overview li {
  text-align: center;
  position: relative;
  line-height: 1.1;
}
.yoga__blogdetails-overview li:first-child {
  margin-bottom: 30px;
}
.yoga__blogdetails-overview li:first-child::before {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  bottom: -25px;
  width: 80px;
  height: 1px;
  background: var(--gray-4);
}
.light .yoga__blogdetails-overview li:first-child::before {
  background: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .yoga__blogdetails-overview li:first-child::before {
    display: none;
  }
}
.yoga__blogdetails-overview li i {
  display: block;
  padding-bottom: 3px;
}
.yoga__blogdetails-overview li span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: var(--gray-10);
}
.yoga__blogdetails-overview li a {
  color: var(--black-2);
}

/*
    LAWYER HEADER AREA SASS
*/
.header__area-8 {
  padding-bottom: 1px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .header__area-8.plr-150 {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.header__logo-8 {
  width: 200px;
}
.header__logo-8 img {
  max-width: 160px;
}
.header-btn-8 {
  margin-inline-end: 40px;
}
@media only screen and (max-width: 991px) {
  .header-btn-8 {
    display: none;
  }
}
.header-btn-8 a:hover {
  color: var(--black-2);
}
.light .header-btn-8 a:hover {
  color: var(--white);
}
.header-btn-8 a::after {
  background-color: var(--white);
}
.light .header-btn-8 a::after {
  background-color: var(--black-2);
}
.header__nav-icon-8 {
  display: flex;
  align-items: center;
}
.header__nav-icon-8 .phone {
  color: var(--white);
  display: inline-block;
  margin-inline-end: 40px;
  position: relative;
  transition: all 0.3s;
}
.header__nav-icon-8 .phone:hover {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .header__nav-icon-8 .phone {
    display: none;
  }
}
.header__nav-8 {
  align-self: center;
  flex-basis: 52%;
}
@media only screen and (max-width: 1700px) {
  .header__nav-8 {
    flex-basis: 46%;
  }
}
@media only screen and (max-width: 1199px) {
  .header__nav-8 {
    display: none;
  }
}
.header__nav-8 .main-menu > ul > li > a {
  font-size: 16px;
  padding: 32px 25px;
}

/*
    LAWYER HERO AREA SASS
*/
.lawyer-header__inner {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--black-6);
  position: relative;
}
.light .lawyer-header__inner {
  border-color: var(--gray-13);
}
@media only screen and (max-width: 1199px) {
  .lawyer-header__inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.lawyer-header__inner::before {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 205px;
  width: 1px;
  height: 100%;
  background-color: var(--black-6);
}
.light .lawyer-header__inner::before {
  background-color: var(--gray-13);
}
.lawyer__hero-wrapper {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1.3fr 2fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .lawyer__hero-wrapper {
    grid-template-columns: 1.3fr 2fr;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-wrapper {
    grid-template-columns: 1fr;
  }
}
.lawyer__hero-right {
  padding-top: 18px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 1199px) {
  .lawyer__hero-right {
    padding-top: 0;
    gap: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    grid-column: 2/-1;
    grid-row: 2;
    transform: translateY(-50px);
  }
}
@media only screen and (max-width: 991px) {
  .lawyer__hero-right {
    grid-column: 1/-1;
    transform: unset;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-right {
    grid-row: unset;
    grid-column: unset;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 20px;
  }
}
.lawyer__hero-left img {
  max-width: 100%;
  border-radius: 30%;
}
.lawyer__hero-pt {
  padding-top: 55px;
}
.lawyer__hero-content {
  gap: 30px;
  display: flex;
}
.lawyer__hero-count {
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-count {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer__hero-center {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-center {
    grid-row: 1;
    margin-bottom: 10px;
  }
}
.lawyer__hero-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--white);
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-title {
    padding-top: 0;
  }
  .lawyer__hero-title br {
    display: block;
  }
}
.lawyer__hero-title2 {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.2;
}
@media only screen and (max-width: 1919px) {
  .lawyer__hero-title2 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .lawyer__hero-title2 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer__hero-title2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-title2 {
    font-size: 52px;
  }
}
.lawyer__hero-text p {
  max-width: 335px;
  font-weight: 300;
  font-size: 18px;
  border-bottom: 1px solid var(--white);
  padding-bottom: 45px;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .lawyer__hero-text p {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__hero-text p {
    border: 0;
  }
}
.lawyer__hero-right img {
  padding-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .lawyer__hero-right img {
    padding-top: 0;
  }
}
.lawyer-inner__about {
  position: relative;
}
.lawyer-counter__item .count {
  font-weight: 400;
  font-size: 80px;
  line-height: 1.1;
  color: var(--black-2);
  display: inline-block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .lawyer-counter__item .count {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-counter__item .count {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-counter__item .count {
    margin-bottom: 10px;
  }
}
.lawyer-counter__item .text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .lawyer-counter__item .text p br {
    display: block;
  }
}
.lawyer-border-right {
  position: relative;
}
.lawyer-border-right::before {
  position: absolute;
  content: "";
  inset-inline-end: 17%;
  height: 315px;
  width: 1px;
  background-color: var(--black-2);
  top: -70px;
}
@media only screen and (max-width: 1919px) {
  .lawyer-border-right::before {
    inset-inline-end: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .lawyer-border-right::before {
    top: -47px;
    inset-inline-end: 22px;
    height: 260px;
  }
}
@media only screen and (max-width: 1199px) {
  .lawyer-border-right::before {
    top: -30px;
    inset-inline-end: 50px;
    height: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-border-right::before {
    top: -25px;
    inset-inline-end: 0px;
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-border-right::before {
    display: none;
  }
}
.lawyer-border-right:last-child::before {
  display: none;
}
.lawyer__brand-stitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.lawyer__brand-stitle::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: var(--black-6);
  z-index: -2;
}
.lawyer-about__image {
  text-align: right;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .lawyer-about__image {
    text-align: left;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-about__image {
    margin-bottom: 30px;
  }
}
.lawyer-about__image .thumb {
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  background-image: url("../imgs/about/about-8/mask-bg.png");
}
@media only screen and (max-width: 1199px) {
  .lawyer-about__image .thumb {
    max-width: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-about__image .thumb {
    width: 260px;
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-about__image .thumb {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.lawyer-about__image .shape-2 {
  position: absolute;
  inset-inline-start: 0;
  top: 14%;
  z-index: -2;
}
.lawyer-about__image .shape-1 {
  position: absolute;
  top: -17%;
  inset-inline-start: 13%;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .lawyer-about__image .shape-1 {
    top: -10%;
    max-width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-about__image .shape-1 {
    display: none;
  }
}
.lawyer-about__image .shape-3 {
  position: absolute;
  top: -74px;
  inset-inline-start: 116px;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .lawyer-about__image .shape-3 {
    top: -50px;
  }
}
.lawyer-about__image .shape-4 {
  position: absolute;
  bottom: -10%;
  inset-inline-start: 12%;
}
@media only screen and (max-width: 1199px) {
  .lawyer-about__image .shape-4 {
    max-width: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-about__image .shape-4 {
    display: none;
  }
}
.lawyer-team__btn a {
  font-size: 16px;
}
.lawyer-team__secText-width {
  max-width: 410px;
  margin-inline-start: 440px;
}
@media only screen and (max-width: 1199px) {
  .lawyer-team__secText-width {
    margin-inline-start: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-team__secText-width {
    margin-inline-start: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-team__secText-width {
    margin-inline-start: 0;
    padding-bottom: 30px;
  }
}
.lawyer-team__secText p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.lawyer-team__name {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  transition: all 0.3s;
}
.lawyer-team__name:hover {
  color: var(--primary);
}
.lawyer-team__position {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
}
.lawyer__blog-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}
@media only screen and (max-width: 1700px) {
  .lawyer__blog-items {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer__blog-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__blog-items {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
.lawyer__blog-btn {
  color: var(--black-9);
}
@media only screen and (max-width: 1199px) {
  .lawyer__blog-btn {
    color: var(--white);
  }
}
.lawyer__blog-btn img {
  padding-inline-start: 13px;
}
.light .lawyer__blog-btn img {
  filter: invert(1);
}
@media only screen and (max-width: 1199px) {
  .light .lawyer__blog-btn img {
    filter: unset;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__blog-sdis {
    padding: 20px 0;
    padding-top: 0;
  }
}
.lawyer__blog-related {
  padding: 30px;
  background-color: var(--black-3);
}
.lawyer__blog-related-item {
  border-bottom: 1px dashed var(--black-4);
}
.lawyer__blog-related-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--white);
  display: inline-block;
  padding: 8px 15px;
  background-color: var(--black-4);
}
.lawyer__blog-related-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
.lawyer__blog-date {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  font-style: italic;
  color: var(--black-9);
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .lawyer__blog-date {
    color: var(--white);
  }
}
.light .lawyer__blog-date {
  color: var(--black-9);
}
@media only screen and (max-width: 1199px) {
  .light .lawyer__blog-date {
    color: var(--white);
  }
}
.lawyer__blog-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 30px;
}
.lawyer__blog-title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .lawyer__blog-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .lawyer__blog-title {
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--white) !important;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer__blog-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__blog-title {
    line-height: 1.5;
  }
}
.light .lawyer__copyright p {
  color: var(--gray-4);
}
.lawyer__copyright a {
  color: var(--white);
  display: inline-block;
  transition: all 0.3s;
}
.lawyer__copyright a:hover {
  color: var(--black-9);
}
@media only screen and (max-width: 1700px) {
  .lawyer__innerblog {
    padding-inline-start: 100px;
    padding-inline-end: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .lawyer__innerblog {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__innerblog {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.lawyer__contact-wrapper {
  padding-bottom: 95px;
}
@media only screen and (max-width: 991px) {
  .lawyer__contact-wrapper {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__contact-wrapper {
    padding-bottom: 40px;
  }
}
.lawyer__contact-title {
  font-size: 60px;
  line-height: 1.2;
  padding-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 991px) {
  .lawyer__contact-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__contact-title {
    font-size: 40px;
  }
}
.lawyer__contact-text p {
  color: var(--white-3);
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
.light .lawyer__contact-text p {
  color: var(--gray-10);
}
.lawyer__contact-formwrap {
  max-width: 1070px;
  margin: 0 auto;
}
.lawyer__contact-fieldwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .lawyer__contact-fieldwrap {
    grid-template-columns: 1fr;
  }
}
.lawyer__contact-formfield label {
  display: block;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  padding-bottom: 10px;
}
.lawyer__contact-formfield input, .lawyer__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .lawyer__contact-formfield textarea, .lawyer__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .lawyer__contact-formfield textarea, .lawyer__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .lawyer__contact-formfield textarea {
  width: 100%;
  height: 60px;
  background: var(--black-4);
  border: 0;
  padding: 20px;
  color: var(--white);
}
.lawyer__contact-formfield input:focus, .lawyer__contact-formfield .cf-details-comment__field textarea:focus, .cf-details-comment__field .lawyer__contact-formfield textarea:focus, .lawyer__contact-formfield .dt-inap__appointment textarea:focus, .dt-inap__appointment .lawyer__contact-formfield textarea:focus, .lawyer__contact-formfield .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .lawyer__contact-formfield textarea:focus {
  outline: 0;
}
.light .lawyer__contact-formfield input, .light .lawyer__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .light .lawyer__contact-formfield textarea, .light .lawyer__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .light .lawyer__contact-formfield textarea, .light .lawyer__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .lawyer__contact-formfield textarea {
  background: var(--white-2);
}
.lawyer__contact-formfield textarea {
  width: 100%;
  height: 120px;
  background: var(--black-4);
  border: 0;
  padding: 20px;
  color: var(--white);
}
.lawyer__contact-formfield textarea:focus {
  outline: 0;
}
.light .lawyer__contact-formfield textarea {
  background: var(--white-2);
}
.lawyer__contact-btnwraper {
  padding-top: 30px;
}
.lawyer__details-jtitle {
  font-size: 60px;
  line-height: 1.2;
}
.lawyer__infowrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .lawyer__infowrap {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
.lawyer__infoItem {
  text-align: center;
  position: relative;
}
.lawyer__infoItem:last-child::after {
  display: none;
}
.lawyer__infoItem::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: var(--gray-2);
}
@media only screen and (max-width: 767px) {
  .lawyer__infoItem::after {
    display: none;
  }
}
.lawyer__infoItem-title {
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
  .lawyer__infoItem-title {
    font-size: 24px;
  }
}
.lawyer__infoItem-text p, .lawyer__infoItem-contact a {
  color: var(--white-3);
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
.light .lawyer__infoItem-text p, .light .lawyer__infoItem-contact a {
  color: var(--gray-10);
}
@media only screen and (max-width: 991px) {
  .lawyer__infoItem-text p, .lawyer__infoItem-contact a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__infoItem br {
    display: block;
  }
}
.lawyer-contact__box {
  padding: 60px 30px;
  text-align: center;
  background-color: var(--black-5);
}
.light .lawyer-contact__box {
  background-color: var(--white-4);
}
.lawyer-contact__box-subTitle {
  line-height: 2;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
  color: var(--primary);
}
.light .lawyer-contact__box-subTitle {
  color: var(--primary);
}
.lawyer-contact__box-title {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  padding-bottom: 30px;
}
.light .lawyer-contact__box-title {
  color: var(--black-2);
}
.lawyer-contact__box-btn .wc-btn-primary {
  padding: 17px 45px;
}
.lawyer-contact__box-btn .wc-btn-primary:hover {
  color: var(--white);
}
.light .lawyer-contact__box-btn .wc-btn-primary:hover {
  color: var(--black-2);
}
.lawyer-contact__box-btn .wc-btn-primary::after {
  background-color: var(--black-2);
}
.light .lawyer-contact__box-btn .wc-btn-primary::after {
  background-color: var(--white);
}
.lawyer-contact__btn .submit:hover {
  color: var(--black-2);
}
.lawyer-contact__btn .submit::after {
  background-color: var(--white);
}
.lawyer-practice__list li {
  border-bottom: 2px solid var(--black-3);
}
.light .lawyer-practice__list li {
  border-color: var(--white-2);
}
.lawyer-practice__list li a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
  padding: 18px 30px;
  display: block;
}
.light .lawyer-practice__list li a {
  color: var(--black-2);
}
.lawyer-practice__list li a:hover {
  background-color: var(--primary);
}
.lawyer-practice__list li a.active {
  background-color: var(--primary);
}
.lawyer-practice__list-widget {
  padding: 30px;
  margin-bottom: 30px;
  background-color: var(--black-3);
}
.light .lawyer-practice__list-widget {
  background-color: var(--white-2);
}
.lawyer-practice__pTitle {
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  padding-inline-start: 15px;
  position: relative;
}
.lawyer-practice__pTitle::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  background: var(--primary);
}
.lawyer-practice__details h1,
.lawyer-practice__details h2,
.lawyer-practice__details h3,
.lawyer-practice__details h4,
.lawyer-practice__details h5,
.lawyer-practice__details h6 {
  font-weight: 400;
  line-height: 1.1;
  padding-bottom: 20px;
}
.lawyer-practice__details p {
  padding-bottom: 30px;
}
.lawyer-practice__details img {
  margin-bottom: 30px;
}
.lawyer-practice__details-list ul li {
  font-size: 16px;
  padding-inline-start: 25px;
}
.lawyer-practice__details-imgs {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .lawyer-practice__details-imgs {
    gap: 0;
    flex-wrap: wrap;
  }
}
.lawyer-practice__details-wrapper {
  gap: 100px;
  display: grid;
  grid-template-columns: 0.33fr 1fr;
}
@media only screen and (max-width: 1399px) {
  .lawyer-practice__details-wrapper {
    gap: 50px;
    grid-template-columns: 0.4fr 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .lawyer-practice__details-wrapper {
    gap: 30px;
    grid-template-columns: 0.5fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-practice__details-wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .lawyer-practice__details-left {
    order: 1;
  }
}
.lawyer-practice__details-thumb {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lawyer-practice__details-title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
  .lawyer-practice__details-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-practice__details-title {
    font-size: 36px;
  }
}
.lawyer-practice__inner-title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
}
@media only screen and (max-width: 991px) {
  .lawyer-practice__inner-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-practice__inner-title {
    font-size: 40px;
  }
}
.lawyer-practice__inner-text {
  max-width: 460px;
  padding-bottom: 60px;
}
.lawyer-practice__inner-text p {
  font-size: 18px;
}
.lawyer__blogdetails-date p {
  color: var(--white);
  font-style: italic;
}
.lawyer__blogdetails-date .divider {
  position: relative;
  padding-inline-start: 45px;
}
.lawyer__blogdetails-date .divider::before {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  top: 50%;
  background: var(--white);
  height: 1px;
  width: 25px;
}
.lawyer__blogdetails-quote-text p {
  font-size: 28px;
  padding-bottom: 0;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .lawyer__blogdetails-quote-text p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer__blogdetails-quote-text p {
    font-size: 20px;
  }
}
.lawyer-service__text p {
  font-size: 18px;
}
.lawyer-inner__service {
  z-index: 0;
  position: relative;
  background-color: var(--black-4);
}
.light .lawyer-inner__service {
  background-color: var(--white-3);
}
.lawyer-inner__counter {
  background-color: var(--black-3);
}
.light .lawyer-inner__counter {
  background-color: var(--white-2);
}
.lawyer-inner__team .sec-title-8 {
  max-width: 880px;
  text-transform: unset;
  padding-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
  .lawyer-inner__team .sec-title-8 {
    max-width: 550px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-inner__team .sec-title-8 {
    font-size: 36px;
  }
}
.lawyer-about__content {
  display: flex;
  align-items: center;
  height: 100%;
}
.lawyer-about__btn .wc-btn-primary:hover {
  color: var(--white);
}
.lawyer-about__btn .btn-hover-divide::after {
  background-color: var(--black-2);
}
.lawyer-about__btn-2 .btn-hover-divide:hover {
  color: var(--black-2);
}
.light .lawyer-about__btn-2 .btn-hover-divide:hover {
  color: var(--white);
}
.lawyer-about__btn-2 .btn-hover-divide::after {
  background-color: var(--white);
}
.light .lawyer-about__btn-2 .btn-hover-divide::after {
  background-color: var(--black-2);
}
.lawyer-about__title-2 {
  padding-inline-start: 30px;
  position: relative;
  margin-bottom: 40px;
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
}
@media only screen and (max-width: 991px) {
  .lawyer-about__title-2 {
    font-size: 24px;
    margin-bottom: 30px;
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .lawyer-about__title-2 {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 20px;
  }
}
.lawyer-about__title-2::before {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  background-color: #D2A97F;
  width: 2px;
}
@media only screen and (max-width: 991px) {
  .lawyer-about__title-2 br {
    display: none;
  }
}
.lawyer-about__left .about__title-8 {
  color: var(--black-2);
}
.lawyer-about__left .lawyer-about__title-2 {
  color: var(--black-2);
}
.lawyer-about__left .about__dis p {
  color: var(--gray-10);
}
.lawyer__play {
  display: grid;
  grid-gap: 10px;
  align-items: center;
  grid-template-columns: 1fr 1.3fr;
  position: relative;
}
.lawyer__play img {
  max-width: 100%;
}
.lawyer__play-btn {
  position: absolute;
  z-index: 9;
  top: 50%;
  inset-inline-start: 45%;
  transform: translate(-50%, -50%);
}
.lawyer-link__btn .wc-btn-underline {
  color: var(--black-2);
}
.lawyer-link__btn .wc-btn-underline::after {
  background-color: var(--black-2);
}

.wc-play-icon {
  width: 95px;
  height: 95px;
  border-radius: 50px;
  background: var(--white);
  line-height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-2);
}
.wc-play-icon:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .wc-play-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

.play-icon-border {
  outline: 1px solid var(--white);
  outline-offset: 30px;
}

/*
    LAWYER HERO AREA SASS
*/
.counter__content {
  margin-top: -150px;
  margin-inline-start: 315px;
  padding: 120px 0;
  padding-inline-start: 130px;
  position: relative;
  background-color: var(--primary);
  z-index: 1;
  display: grid;
  grid-gap: 90px;
  grid-template-columns: 1fr 1.4fr;
}
@media only screen and (max-width: 1919px) {
  .counter__content {
    margin-inline-start: 100px;
    padding-inline-start: 100px;
    grid-gap: 60px;
    grid-template-columns: 1fr 1.5fr;
  }
}
@media only screen and (max-width: 1199px) {
  .counter__content {
    padding-top: 80px;
    padding-bottom: 120px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .counter__content {
    padding-top: 60px;
    padding-inline-start: 60px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .counter__content {
    margin-top: 0;
    grid-gap: 20px;
    margin-inline-start: 0;
    padding: 60px 30px;
    grid-template-columns: 1fr;
  }
}
.counter__content::before {
  position: absolute;
  content: "";
  inset-inline-start: 30px;
  top: 30px;
  border-top: 3px solid var(--black-2);
  border-inline-start: 3px solid var(--black-2);
  height: 15px;
  width: 15px;
}
@media only screen and (max-width: 991px) {
  .counter__content::before {
    inset-inline-start: 15px;
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .counter__content::before {
    display: none;
  }
}
.counter__content__items {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .counter__content__items {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .counter__content__items {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
.counter__content-title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.15;
  color: var(--black-2);
  max-width: 660px;
}
@media only screen and (max-width: 1399px) {
  .counter__content-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .counter__content-title {
    font-size: 48px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .counter__content-title {
    font-size: 36px;
    max-width: 460px;
    padding-bottom: 25px;
  }
}
.counter__content-title-line {
  position: relative;
}
.counter__content-title-line::before {
  position: absolute;
  content: "";
  bottom: calc(50% - 10px);
  inset-inline-start: 0;
  height: 15px;
  background-color: #D2A97F;
  width: 390px;
}
@media only screen and (max-width: 767px) {
  .counter__content-title-line::before {
    width: 260px;
    height: 10px;
  }
}

/*
    LAWYER SERVICE AREA SASS
*/
.service__area-8 .sec-title-wrapper {
  margin-bottom: 58px;
}
@media only screen and (max-width: 991px) {
  .service__area-8 .sec-title-wrapper {
    margin-bottom: 45px;
  }
}
.service__area-8 .sec-title-wrapper .sec-title-8 {
  text-transform: unset;
  padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .service__area-8 .sec-title-wrapper .sec-title-8 {
    font-size: 36px;
  }
}
.service__item {
  background-color: var(--black-4);
  position: relative;
  margin: 5px;
  overflow: hidden;
  transition: all 0.5s;
  padding: 50px;
}
.service__item__thumb {
  padding-bottom: 115px;
}
@media only screen and (max-width: 1199px) {
  .service__item__thumb {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .service__item__thumb {
    padding-bottom: 60px;
  }
}
.service__item__thumb img {
  transition: all 0.3s;
}
.service__item:hover .service__item__thumb img {
  filter: brightness(0);
}
.service__item:hover .service__item__category {
  color: var(--black-2);
}
.service__item:hover .service__item__subject {
  color: var(--black-2);
}
.service__item:hover .service__item__icon {
  opacity: 1;
  transform: translate(0, 0);
}
.service__item__icon {
  position: absolute;
  inset-inline-end: -20px;
  top: -20px;
  transform: translate(-30px, 20px);
  transition: all 0.3s;
  opacity: 0;
}
.service__item__category {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
  margin-bottom: 12px;
  transition: all 0.3s;
}
.service__item__subject {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .service__item__subject {
    font-size: 20px;
  }
}

/*
    LAWYER ABOUT AREA SASS
*/
.about__area-8 {
  position: relative;
  background-color: var(--white);
}
.light .about__area-8 {
  background-color: var(--white-2);
}
.about__innerservice-wrapper {
  padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .about__innerservice-wrapper {
    padding-bottom: 0;
  }
}
.about__innerservice-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 210px;
}
@media only screen and (max-width: 1399px) {
  .about__innerservice-items {
    gap: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .about__innerservice-items {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .about__innerservice-items {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about__innerservice-items {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
.about__innerservice-item img {
  padding-bottom: 30px;
}
.about__innerservice-ititle {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.5;
  padding-bottom: 25px;
}
.about__innerservice-idis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-4);
}
.about__left-8 {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .about__left-8 {
    padding-bottom: 60px;
  }
}
.about__shape1 {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  pointer-events: none;
}
.about__title-8 {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1700px) {
  .about__title-8 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .about__title-8 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .about__title-8 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about__title-8 {
    font-size: 36px;
  }
}
.about__title-8 span {
  position: relative;
}
.about__title-8 span::before {
  position: absolute;
  content: "";
  bottom: 15px;
  inset-inline-start: 0;
  height: 15px;
  background-color: #D2A97F;
  width: 100%;
  z-index: 0;
}
.about__title-8-mb {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .about__title-8-mb {
    margin-bottom: 20px;
  }
}
.about__diswrapper {
  padding-bottom: 65px;
}
.about__dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 60px;
  max-width: 490px;
}
@media only screen and (max-width: 767px) {
  .about__dis p {
    margin-bottom: 50px;
  }
}

/*
    LAWYER CASE AREA SASS
*/
.case__area-8 .sec-title-8 {
  text-transform: unset;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .case__area-8 .sec-title-8 {
    font-size: 36px;
  }
}
.case__item {
  grid-gap: 60px;
  display: grid;
  align-items: center;
  grid-template-columns: 0.7fr 1fr 1fr 0.3fr;
  border-top: 1px solid var(--black-6);
  padding: 40px 0;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .case__item {
    grid-gap: 30px;
    grid-template-columns: 0.5fr 1fr 1fr 0.3fr;
  }
}
@media only screen and (max-width: 991px) {
  .case__item {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .case__item {
    grid-template-columns: 1fr;
  }
}
.case__item:last-child {
  border-bottom: 1px solid var(--black-6);
}
.case__thumb {
  max-width: 100%;
}
.case__title {
  max-width: 330px;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
}
@media only screen and (max-width: 1199px) {
  .case__title {
    font-size: 24px;
  }
}
.case__title a {
  color: var(--white);
}
.light .case__title a {
  color: var(--black-2);
}
.case__title a:hover {
  color: var(--primary);
}
.case__arrow {
  height: 60px;
  width: 60px;
  line-height: 55px;
  text-align: center;
  margin-inline-start: auto;
  cursor: pointer;
  transition: all 0.3s;
  background-color: var(--black-14);
}
.light .case__arrow {
  background-color: var(--white-3);
}
@media only screen and (max-width: 767px) {
  .case__arrow {
    margin-inline-start: 0;
  }
}
.case__arrow img {
  transition: 0.3s;
}
.light .case__arrow img {
  filter: invert(1);
}
.case__arrow:hover {
  background-color: var(--primary);
}
.case__arrow:hover img {
  filter: invert(1);
  transform: rotate(36deg);
}
.light .case__arrow:hover img {
  filter: invert(0);
}
.case__dis {
  max-width: 330px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  font-family: "euclid_Circular_B";
}
@media only screen and (max-width: 991px) {
  .case__dis {
    font-size: 16px;
  }
}

/*
    LAWYER AWARD AREA SASS
*/
.award-thumb img {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .award-thumb img {
    width: 150%;
  }
}
.award__item-pos {
  position: absolute;
  bottom: 0;
  inset-inline-start: -40px;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .award__item-pos {
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .award__item-pos {
    position: unset;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.award__item-8 {
  display: flex;
  align-items: center;
  max-width: 570px;
  background-color: var(--primary);
  padding: 70px 50px;
}
@media only screen and (max-width: 991px) {
  .award__item-8 {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .award__item-8 {
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 15px;
  }
}
.award__item-8 img {
  padding-inline-end: 40px;
  border-right: 1px solid var(--black-2);
}
@media only screen and (max-width: 991px) {
  .award__item-8 img {
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .award__item-8 img {
    margin-bottom: 30px;
    border: 0;
  }
}
.award__item-8 p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  padding-inline-start: 40px;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .award__item-8 p {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .award__item-8 p {
    padding-inline-start: 0;
  }
}
.award__item-8 p a {
  text-decoration: underline;
  color: var(--black-2);
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .award-thumb img {
    width: 100%;
  }
}

/*
    LAWYER TEAM AREA SASS
*/
.team__area-8 {
  background-color: var(--black-3);
}
.team__area-8 .sec-title-8 {
  max-width: 880px;
  text-transform: unset;
  padding-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
  .team__area-8 .sec-title-8 {
    max-width: 550px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .team__area-8 .sec-title-8 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .team__item-8 {
    padding-top: 40px;
  }
}
.team__item-8:hover .team__thumb {
  background-color: var(--white-8);
}
.team__thumb {
  margin-bottom: 30px;
  text-align: center;
  background-color: var(--white-7);
}
@media only screen and (max-width: 767px) {
  .team__thumb {
    margin-bottom: 20px;
  }
}
.team__thumb img {
  width: 100%;
  filter: grayscale(1);
}
.team__content-8 {
  text-align: center;
}

.section-title-bottom {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .section-title-bottom {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-bottom {
    flex-wrap: wrap;
  }
}
.section-title-bottom img {
  padding-inline-start: 5px;
}

/*
    LAWYER CONTACT AREA SASS
*/
.contact__area .sec-title-wrapper {
  padding-bottom: 60px;
}
.contact__area .sec-title-wrapper p {
  font-size: 20px;
}
.contact__area-8 {
  position: relative;
  padding-bottom: 255px;
}
@media only screen and (max-width: 991px) {
  .contact__area-8 {
    padding-bottom: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__area-8 {
    padding-bottom: 90px;
  }
}
.contact__area-8::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 38%;
  background-size: 100%;
  background-image: url("../imgs/contact/home-8/building.jpg");
}
@media only screen and (max-width: 991px) {
  .contact__area-8::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .contact__right {
    padding-top: 0;
  }
}
.contact__type {
  display: grid;
  grid-template-columns: 80px auto;
  margin-bottom: 30px;
}
.contact__type .icon {
  width: 50px;
  height: 50px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  border-radius: 50px;
}
.contact__type a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-4);
}
@media only screen and (max-width: 1199px) {
  .contact__type p br {
    display: none;
  }
}
.contact__name {
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 5px;
}
.contact__title-8 {
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 40px;
  color: var(--black-2);
}
.contact__item-8 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .contact__item-8 {
    margin-bottom: 15px;
  }
}
.contact__item-8 input, .contact__item-8 .cf-details-comment__field textarea, .cf-details-comment__field .contact__item-8 textarea, .contact__item-8 .dt-inap__appointment textarea, .dt-inap__appointment .contact__item-8 textarea, .contact__item-8 .elc-inbd-comment__field textarea, .elc-inbd-comment__field .contact__item-8 textarea {
  border: 0;
  width: 100%;
  padding: 18px;
  background-color: var(--white-9);
}
.contact__item-8 input:focus, .contact__item-8 .cf-details-comment__field textarea:focus, .cf-details-comment__field .contact__item-8 textarea:focus, .contact__item-8 .dt-inap__appointment textarea:focus, .dt-inap__appointment .contact__item-8 textarea:focus, .contact__item-8 .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .contact__item-8 textarea:focus {
  outline: 0;
}
.contact__item-8 input::-moz-placeholder, .contact__item-8 .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .contact__item-8 textarea::-moz-placeholder, .contact__item-8 .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .contact__item-8 textarea::-moz-placeholder, .contact__item-8 .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .contact__item-8 textarea::-moz-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-10);
}
.contact__item-8 input::placeholder, .contact__item-8 .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .contact__item-8 textarea::placeholder, .contact__item-8 .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .contact__item-8 textarea::placeholder, .contact__item-8 .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .contact__item-8 textarea::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-10);
}
.contact__item-8 textarea {
  width: 100%;
  height: 125px;
  border: 0;
  padding: 18px;
  resize: none;
  margin-bottom: 5px;
  background-color: var(--white-9);
}
.contact__item-8 textarea:focus {
  outline: 0;
}
.contact__item-8 textarea::-moz-placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-10);
}
.contact__item-8 textarea::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-10);
}
.contact__form form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.contact__form .input-item {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 1199px) {
  .contact__form .input-item {
    width: 100%;
  }
}
.contact__form .input-item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 8px;
  text-transform: capitalize;
}
.contact__form .input-item input, .contact__form .input-item .cf-details-comment__field textarea, .cf-details-comment__field .contact__form .input-item textarea, .contact__form .input-item .dt-inap__appointment textarea, .dt-inap__appointment .contact__form .input-item textarea, .contact__form .input-item .elc-inbd-comment__field textarea, .elc-inbd-comment__field .contact__form .input-item textarea {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  color: var(--gray-4);
  background-color: var(--black-4);
}
.contact__form .input-item input::-moz-placeholder, .contact__form .input-item .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .contact__form .input-item textarea::-moz-placeholder, .contact__form .input-item .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .contact__form .input-item textarea::-moz-placeholder, .contact__form .input-item .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .contact__form .input-item textarea::-moz-placeholder {
  opacity: 1;
}
.contact__form .input-item input::placeholder, .contact__form .input-item .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .contact__form .input-item textarea::placeholder, .contact__form .input-item .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .contact__form .input-item textarea::placeholder, .contact__form .input-item .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .contact__form .input-item textarea::placeholder {
  opacity: 1;
}
.contact__form .input-item textarea {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  height: 150px;
  resize: none;
  color: var(--gray-4);
  background-color: var(--black-4);
}
.contact__form .input-item.full {
  width: 100%;
}
.contact__form .input-item.submit {
  width: auto;
}
.contact__form .input-item.submit button {
  padding: 16px 38px;
  background-color: var(--primary);
  border-radius: 30px;
  z-index: 1;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  color: var(--black-2);
  border: 1px solid var(--primary);
  transition: all 0.3s;
}
.contact__form .input-item.submit button i {
  font-size: 16px;
  padding-inline-start: 5px;
}
.contact__form .input-item.submit button:hover {
  color: var(--white);
  background-color: transparent;
  border-color: var(--white);
}
.contact__form-8 {
  background-color: var(--white);
  padding: 55px 50px;
  position: relative;
  z-index: 2;
  max-width: 550px;
  margin-inline-start: 10px;
}
@media only screen and (max-width: 1199px) {
  .contact__form-8 {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .contact__form-8 {
    margin-inline-start: 0;
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__form-8 {
    padding: 30px 15px;
    margin-bottom: 50px;
  }
}
.contact__right .title {
  font-weight: 300;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .contact__right .title {
    font-size: 40px;
    line-height: 1;
  }
}
@media only screen and (max-width: 991px) {
  .contact__right .title {
    font-size: 40px;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .contact__right .title {
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 30px;
  }
}

/*
    LAWYER ACCORDION SASS
*/
.lawyer__faq .accordion-button::after, .lawyer__faq-2 .accordion-button::after {
  background-image: none;
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  inset-inline-end: 0;
  transform: unset;
  transition: all 0.5s;
}
.dir-rtl .lawyer__faq .accordion-button::after, .dir-rtl .lawyer__faq-2 .accordion-button::after {
  margin-left: unset;
  margin-right: auto;
}
.lawyer__faq .accordion-button:not(.collapsed)::after, .lawyer__faq-2 .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.lawyer__faq .accordion-header, .lawyer__faq-2 .accordion-header {
  border-bottom: 1px solid var(--black-6);
}
.light .lawyer__faq .accordion-header, .light .lawyer__faq-2 .accordion-header {
  border-color: var(--white-9);
}
.lawyer__faq .accordion-button, .lawyer__faq-2 .accordion-button {
  border: 0;
  font-size: 20px;
  color: var(--white);
  padding: 22px 0;
  background-color: transparent;
  border-radius: 0 !important;
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .lawyer__faq .accordion-button, .lawyer__faq-2 .accordion-button {
    font-size: 16px;
    padding-right: 40px;
  }
}
.light .lawyer__faq .accordion-button, .light .lawyer__faq-2 .accordion-button {
  color: var(--black-2);
}
.lawyer__faq .accordion-button:last-of-type, .lawyer__faq-2 .accordion-button:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.lawyer__faq .accordion-button:focus, .lawyer__faq-2 .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.lawyer__faq .accordion-item, .lawyer__faq-2 .accordion-item {
  border: 0;
  background-color: transparent;
}
.lawyer__faq .accordion-item p, .lawyer__faq-2 .accordion-item p {
  padding: 0;
  border: 0;
}
.lawyer__faq .accordion-button:not(.collapsed), .lawyer__faq-2 .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.lawyer__faq .accordion-body, .lawyer__faq-2 .accordion-body {
  padding: 0;
  padding-top: 25px;
  padding-bottom: 25px;
}
.lawyer__faq-2 .accordion-button::after {
  right: 20px;
}
.lawyer__faq-2 .accordion-button {
  padding: 20px;
  background-color: var(--primary);
}
.lawyer__faq-2 .accordion-header {
  border-bottom: 0;
}
.lawyer__faq-2 .accordion-button.collapsed {
  margin-bottom: 15px;
  background-color: var(--black-3);
}
.light .lawyer__faq-2 .accordion-button.collapsed {
  background-color: var(--white-2);
}

/*
    LAWYER MEDIA AREA SASS
*/
.media__area-8 {
  position: relative;
}
.media__area-8 .wc-btn-border-4 {
  color: var(--black-2);
  border-color: var(--black-2);
}
.media__area-8 .wc-btn-border-4:hover {
  color: var(--white);
  border-color: var(--white);
}
.media__area-8 .wc-btn-border-4:hover img {
  filter: brightness(25);
}
.media__area-8 .wc-btn-border-4 img {
  transition: all 0.3s;
}
.media__wrapper {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .media__wrapper {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .media__wrapper {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .media__wrapper {
    padding-bottom: 60px;
  }
}
.media__wrapper::before {
  --mmtop: -130px;
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: var(--mmtop);
  inset-inline-start: 16%;
  height: calc(100% - var(--mmtop));
  width: 100%;
  background-color: var(--primary);
}
@media only screen and (max-width: 1700px) {
  .media__wrapper::before {
    inset-inline-start: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .media__wrapper::before {
    --mmtop: -90px;
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .media__wrapper::before {
    --mmtop: -30px;
  }
}
.media__right {
  max-width: 740px;
  transform: translateX(150px);
}
@media only screen and (max-width: 1919px) {
  .media__right {
    transform: unset;
  }
}
@media only screen and (max-width: 1399px) {
  .media__right {
    transform: translateX(60px);
  }
}
@media only screen and (max-width: 1199px) {
  .media__right {
    max-width: 460px;
    transform: unset;
  }
}
.dir-rtl .media__right {
  transform: translateX(-150px);
}
@media only screen and (max-width: 1919px) {
  .dir-rtl .media__right {
    transform: unset;
  }
}
@media only screen and (max-width: 1399px) {
  .dir-rtl .media__right {
    transform: translateX(-60px);
  }
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .media__right {
    transform: unset;
  }
}
.media__title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 25px;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .media__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .media__title {
    font-size: 36px;
  }
}
.media__discription {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .media__discription {
    margin-bottom: 30px;
  }
}
.media__content-8 {
  padding-bottom: 30px;
  padding-inline-start: 100px;
}
@media only screen and (max-width: 1399px) {
  .media__content-8 {
    padding-inline-start: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .media__content-8 {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .media__content-8 {
    padding-bottom: 50px;
  }
}

/*
    LAWYER BLOG AREA SASS
*/
.lawyer__blog .sec-title-8 {
  text-transform: unset;
}
@media only screen and (max-width: 767px) {
  .lawyer__blog .sec-title-8 {
    font-size: 36px;
  }
}

.blog__wrapper-8 {
  display: grid;
  grid-template-columns: 2fr 1.3fr 0.7fr;
  padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .blog__wrapper-8 {
    grid-gap: 12px;
    grid-template-columns: 0.7fr 1fr 0.5fr;
  }
}
@media only screen and (max-width: 767px) {
  .blog__wrapper-8 {
    grid-template-columns: 1fr;
  }
}
.blog__wrapper-8 p {
  font-size: 18px;
  max-width: 300px;
}
.blog__wrapper-8 .blog-more {
  text-align: right;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .blog__wrapper-8 .blog-more {
    text-align: left;
    padding-top: 15px;
  }
}
.blog__wrapper-8 .blog-more img {
  padding-inline-start: 10px;
}
.blog__right {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .blog__right {
    text-align: left;
  }
}
.blog__item-8 {
  background-repeat: no-repeat;
  padding: 45px;
  position: relative;
  transition: all 0.3s;
  background-color: var(--black-4);
  background-size: 100% 0% !important;
}
.blog__item-8:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1399px) {
  .blog__item-8 {
    padding: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog__item-8 {
    background-size: cover !important;
  }
}
@media only screen and (max-width: 991px) {
  .blog__item-8 {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__item-8 {
    margin-bottom: 30px;
    padding: 45px 30px;
  }
}
.blog__item-8:hover {
  background-size: 100% 100% !important;
}
.blog__item-8:hover::before {
  opacity: 1;
}
.light .blog__item-8:hover .lawyer__blog-title {
  color: var(--white);
}
.blog__item-8:hover .lawyer__blog-date {
  color: var(--white);
}
.blog__item-8:hover .lawyer__blog-btn {
  color: var(--white);
}
.light .blog__item-8:hover .lawyer__blog-btn {
  color: var(--white);
}
.light .blog__item-8:hover .blog__meta-8 .content .name {
  color: var(--white);
}
.light .blog__item-8:hover .lawyer__blog-btn img {
  filter: unset;
}
.blog__item-8::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.3s;
  background-color: rgba(28, 29, 32, 0.7);
}
@media only screen and (max-width: 1199px) {
  .blog__item-8::before {
    opacity: 1;
  }
}
.blog__content-8 {
  position: relative;
  z-index: 1;
}
.blog__meta-8 {
  display: flex;
  align-items: center;
  color: var(--white);
  margin-bottom: 90px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1700px) {
  .blog__meta-8 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .blog__meta-8 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__meta-8 {
    margin-bottom: 40px;
  }
}
.blog__meta-8 .thumb {
  margin-inline-end: 15px;
}
.blog__meta-8 .content .tag {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
}
@media only screen and (max-width: 1199px) {
  .blog__meta-8 .content .tag {
    color: var(--white);
  }
}
.blog__meta-8 .content .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: var(--white);
}

/*
    LAWYER FOOTER AREA SASS
*/
.footer__area-8 {
  background-color: var(--black-3);
}
.footer__wrapper-8 {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .footer__wrapper-8 {
    grid-gap: 15px;
    grid-template-columns: 1fr 0.7fr 0.7fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .footer__wrapper-8 {
    grid-template-columns: 1.5fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .footer__wrapper-8 {
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
}
.footer__logo-8 {
  margin-bottom: 40px;
}
.footer__title-8 {
  font-weight: 400;
  font-size: 22px;
  line-height: 35px;
  position: relative;
  margin-bottom: 60px;
}
.light .footer__title-8 {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .footer__title-8 {
    margin-bottom: 30px;
    padding-top: 15px;
  }
}
.footer__title-8::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: -7px;
  width: 60px;
  background-color: var(--white);
  height: 1px;
}
@media only screen and (max-width: 991px) {
  .footer__about-8 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__about-8 {
    margin-bottom: 50px;
    margin-bottom: 20px;
  }
}
.footer__about-8 p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  max-width: 300px;
}
.light .footer__about-8 p {
  color: var(--gray-4);
}
.footer__link-8 li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  color: var(--white);
}
.footer__link-8 li a:hover {
  color: var(--black-9);
}
.footer__social-8 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer__social-8::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  width: 100px;
  background-color: var(--gray-9);
  height: 1px;
}
.footer__social-8 li {
  display: inline-block;
  margin-inline-end: 20px;
}
.footer__social-8 li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--white);
  transition: all 0.3s;
}
.footer__social-8 li a:hover {
  color: var(--black-9);
}

.copyright__area-8 {
  text-align: center;
  border-top: 1px solid var(--black-6);
  padding: 15px 0;
  margin-top: 120px;
}
@media only screen and (max-width: 1199px) {
  .copyright__area-8 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright__area-8 {
    margin-top: 30px;
  }
}
.copyright__fees {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray-4);
}
.light .copyright__fees {
  color: var(--gray-4);
}
.copyright__fees span {
  display: inline-block;
  background-color: var(--primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: var(--black-2);
  padding: 0 10px;
  border-radius: 4px;
}

.lpd-thumb-width {
  height: 500px;
  overflow: hidden;
  position: relative;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .lpd-thumb-width {
    height: 400px;
  }
}

.practice__cta-area {
  background-image: url(../imgs/inner/lawyer/footer-bg.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.practice__cta-area::before {
  content: "";
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(28, 29, 32, 0.3);
  position: absolute;
}
.practice__cta-content {
  text-align: center;
  position: relative;
  z-index: 1;
}
.practice__cta-content .btn-rollover-cross {
  color: var(--white);
  border-color: var(--white);
}
.practice__cta-content .btn-rollover-cross:hover {
  border-color: transparent;
  color: var(--primary);
}
.practice__cta-title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  padding-bottom: 50px;
}
.light .practice__cta-title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .practice__cta-title {
    font-size: 35px;
    padding-bottom: 28px;
  }
}

.team-details__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  display: block;
}
.team-details__text p {
  color: var(--white);
}
.light .team-details__text p {
  color: var(--black-2);
}
.team-details__list-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--black-2);
}
.team-details__area-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 110px;
}
@media only screen and (max-width: 1199px) {
  .team-details__area-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .team-details__area-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .team-details__area-wrapper {
    gap: 10px;
  }
}
.team-details__area-name {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.3;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .team-details__area-name {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .team-details__area-name {
    font-size: 40px;
  }
}
.team-details__area-post {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white-2);
}
.team-details__area-text p {
  font-size: 18px;
  line-height: 1.4;
  color: var(--white);
}
.light .team-details__area-text p {
  color: var(--black-2);
}
.team-details__area-item {
  margin-bottom: 50px;
}
.team-details__area-thumb {
  position: relative;
}
.team-details__area-bigthumb {
  width: 100%;
}
.team-details__area-thumbcontent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  background: var(--primary);
  padding: 40px 30px;
  position: absolute;
  bottom: 40px;
  z-index: 2;
  inset-inline-start: 40px;
  right: 40px;
}
@media only screen and (max-width: 1199px) {
  .team-details__area-thumbcontent {
    padding: 28px;
    bottom: -50px;
    z-index: 2;
    inset-inline-start: 0;
    right: 0;
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .team-details__area-thumbcontent {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .team-details__area-thumbcontent {
    gap: 30px;
    position: static;
    grid-template-columns: 1fr;
  }
}
.team-details__area-thumbcontent::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 125px;
  width: 1px;
  background: var(--pink-11);
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .team-details__area-thumbcontent::before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .team-details__area-left {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  .team-details__area-right {
    margin-bottom: 30px;
    order: 1;
  }
}
.team-details__practice-list li {
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  padding-bottom: 5px;
  position: relative;
  padding-inline-start: 25px;
}
.team-details__practice-list li::before {
  position: absolute;
  content: url("../imgs/inner/lawyer/check.png");
  inset-inline-start: 0;
}
.team-details__contact-list li {
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  padding-bottom: 5px;
  position: relative;
}
.team-details__contact-list li a {
  color: var(--black-2);
  text-decoration: underline;
}

.color-reverse-white {
  color: var(--white);
}
.light .color-reverse-white {
  color: var(--black-2);
}

.light .header__area-8 .header__inner {
  border-color: var(--white-4);
}
.light .header__area-8 .header__inner::before {
  background-color: var(--white-4);
}
.light .teamdetails__area-post {
  color: var(--black-2);
}
.light .teamdetails__area-item span {
  color: var(--black-2);
}
.light .teamdetails__area-item p {
  color: var(--black-2);
}
.light .team__area-8 {
  background-color: var(--white-2);
}
.light .header__nav-8 .main-menu-8 li a {
  color: var(--black-2);
}
.light .header__nav-icon-8 .menu-icon-8 img {
  filter: invert(1);
}
.light .header__nav-icon-8 .phone {
  color: var(--black-2);
}
.light .lawyer__hero-title, .light .lawyer__hero-count, .light .lawyer__hero-title2 {
  color: var(--black-2);
}
.light .lawyer__hero-right p {
  color: var(--black-2);
  border-color: var(--white-4);
}
.light .lawyer__brand-stitle::before {
  background-color: var(--white-4);
}
.light .lawyer__accordion .accordion-button:not(.collapsed),
.light .lawyer__accordion .accordion-button {
  color: var(--black-2);
}
.light .lawyer__accordion .accordion-button::after,
.light .lawyer__accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0);
}
.light .lawyer__blog-btn {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .light .lawyer__blog-btn {
    color: var(--white);
  }
}
.light .about__shape1 {
  filter: invert(0);
}
.light .about__position-8 {
  color: var(--black-2);
}
.light .service__item {
  background-color: var(--white-2);
}
.light .service__item__subject {
  color: var(--black-2);
}
.light .case__item {
  border-color: var(--white-4);
}
.light .slider-2::before, .light .slider-2::after {
  background-color: var(--white-4);
}
.light .team__content-8 .name {
  color: var(--black-2);
}
.light .contact__form-8 {
  background-color: var(--white-2);
}
.light .media__discription {
  color: var(--black-2);
}
.light .blog__item-8 {
  background-color: var(--white-3);
}
.light .blog__meta-8 .content .name {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .light .blog__meta-8 .content .name {
    color: var(--white);
  }
}

.doctor__details-sidebar-inner.lawyer-related-widget {
  padding: 0;
  background-color: transparent;
}
.light .doctor__details-sidebar-inner.lawyer-related-widget {
  background-color: transparent;
}
.doctor__details-sidebar-inner.lawyer-related-widget .doctor-bds__meta p {
  font-style: italic;
}
.doctor__details-sidebar-inner.lawyer-related-widget .doctor__details-rtitle {
  background-color: var(--black-6);
}
.light .doctor__details-sidebar-inner.lawyer-related-widget .doctor__details-rtitle {
  background-color: var(--white-4);
}

@media only screen and (max-width: 767px) {
  .lawyer__faq-2 .accordion-button {
    padding-right: 50px;
  }
}

.body-photographer {
  background-color: var(--black-10);
}
.light .body-photographer {
  background-color: var(--white);
}

/*
    PHOTOGRAPHER HEADER AREA SASS
*/
.header__area-6 {
  padding: 20px 50px;
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .header__area-6 {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .header__area-6 {
    padding: 15px;
  }
}
.header__fashion {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__logo.photographer img {
  max-height: 40px;
}

.phg-menu-icon {
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
}
.light .phg-menu-icon {
  color: var(--black-2);
}
.phg-menu-icon:hover {
  color: var(--primary);
}

/*
    PHOTOGRAPHER HERO AREA SASS
*/
.photographer__hero {
  padding: 180px 250px 0;
}
@media only screen and (min-width: 1600px) {
  .box-layout .photographer__hero {
    padding: 160px 70px 0;
  }
}
@media only screen and (max-width: 1919px) {
  .photographer__hero {
    padding: 160px 70px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .photographer__hero {
    padding: 140px 70px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__hero {
    padding: 120px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__hero {
    padding: 120px 15px 0;
  }
}
.photographer__hero-wrapper {
  text-align: center;
}
.photographer__hero-content {
  margin-bottom: 45px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .photographer__hero-content {
    margin-bottom: 10px;
  }
}
.photographer__hero-thumb {
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .photographer__hero-thumb img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__hero-thumb img {
    max-width: 330px;
  }
}
.photographer__hero-thcontent {
  text-transform: uppercase;
  position: absolute;
  inset-inline-start: 0;
  z-index: 9;
  top: -14px;
}
@media only screen and (max-width: 1199px) {
  .photographer__hero-thcontent {
    inset-inline-start: 70px;
    top: -65px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__hero-thcontent {
    inset-inline-start: 40px;
    top: -93px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__hero-thcontent br {
    display: block;
  }
}
.photographer__hero-thcontent img {
  margin-inline-start: -150px;
}
.photographer__hero-thcontent p {
  color: var(--white);
  transform: rotate(-35deg);
  font-size: 14px;
  text-align: start;
  font-weight: 300;
}
.photographer__title {
  font-size: 180px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1919px) {
  .photographer__title {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1399px) {
  .photographer__title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__title {
    font-size: 40px;
  }
}
.photographer__title .sup-1,
.photographer__title .sup-2 {
  font-size: 40px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .photographer__title .sup-1,
  .photographer__title .sup-2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__title .sup-1,
  .photographer__title .sup-2 {
    font-size: 20px;
  }
}
.photographer__title .sup-1 {
  transform: translateY(-145px);
  margin-inline-start: -100px;
}
@media only screen and (max-width: 1399px) {
  .photographer__title .sup-1 {
    margin-inline-start: -80px;
    transform: translateY(-120px);
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__title .sup-1 {
    margin-inline-start: -70px;
    transform: translateY(-95px);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__title .sup-1 {
    margin-inline-start: -60px;
    transform: translateY(-70px);
  }
}
@media only screen and (max-width: 767px) {
  .photographer__title .sup-1 {
    margin-inline-start: 0;
    transform: translateY(-18px);
  }
}
.photographer__title .sup-2 {
  transform: translateY(-98px);
}
@media only screen and (max-width: 1399px) {
  .photographer__title .sup-2 {
    transform: translateY(-75px);
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__title .sup-2 {
    transform: translateY(-60px);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__title .sup-2 {
    transform: translateY(-38px);
  }
}
@media only screen and (max-width: 767px) {
  .photographer__title .sup-2 {
    transform: translateY(-12px);
  }
}
.photographer__discription {
  max-width: 290px;
  position: absolute;
  bottom: 7%;
  inset-inline-end: 0;
}
@media only screen and (max-width: 1919px) {
  .photographer__discription {
    bottom: 5%;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__discription {
    bottom: 3%;
    max-width: 265px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__discription {
    position: unset;
    margin-top: 20px;
    margin-inline-start: auto;
  }
}
.photographer__discription p {
  font-size: 18px;
  font-weight: 400;
  text-align: start;
  text-indent: 30px;
  line-height: 1.5;
  text-transform: capitalize;
}
@media only screen and (max-width: 1199px) {
  .photographer__discription p {
    font-size: 16px;
  }
}
.photographer__btn-6 {
  transform: rotate(-37deg);
  position: absolute;
  z-index: 999;
  bottom: 30%;
  inset-inline-end: 19%;
}
@media only screen and (max-width: 991px) {
  .photographer__btn-6 {
    inset-inline-end: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__btn-6 {
    bottom: -6%;
  }
}
.photographer__btn-6 .wc-btn-circle {
  width: 170px;
  height: 170px;
  font-size: 14px;
  flex-direction: column;
  text-transform: uppercase;
}
.light .photographer__btn-6 .wc-btn-circle {
  color: var(--white);
}
.light .photographer__btn-6 .wc-btn-circle img {
  filter: brightness(100);
}
@media only screen and (max-width: 767px) {
  .photographer__btn-6 .wc-btn-circle {
    width: 130px;
    height: 130px;
  }
  .photographer__btn-6 .wc-btn-circle br {
    display: block;
  }
}
.photographer__btn-6 .wc-btn-circle span {
  background-color: var(--white);
}
.light .photographer__btn-6 .wc-btn-circle span {
  background-color: var(--black-2);
}
.photographer__btn-6 .wc-btn-circle:hover {
  border: 0;
}
.photographer__btn-6 .wc-btn-circle:hover span {
  width: 450px;
  height: 450px;
}
.photographer__textslider-area {
  background-color: var(--black-10);
}
.light .photographer__textslider-area {
  background-color: var(--white);
}
.photographer__textslider .text-slide-content {
  gap: 30px;
  margin-inline-end: 10px;
}
.photographer__textslider .title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.05;
  color: var(--black-2);
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographer__textslider .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__textslider .title {
    font-size: 24px;
  }
}
.photographer__textslider-wrap {
  padding: 28px 0;
  background-color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .photographer__textslider-wrap {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 1399px) {
  .photographer__work {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__work {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__work-text {
    padding-bottom: 50px;
  }
}
.photographer__work-text p {
  max-width: 330px;
  font-size: 18px;
}
.photographer__work .sec-sub-title-4 {
  font-family: "euclid_Circular_B";
}
.photographer__work-grid {
  gap: 60px;
  display: grid;
  align-items: center;
  grid-template-columns: 1.3fr 2.1fr 1.3fr;
}
@media only screen and (max-width: 1199px) {
  .photographer__work-grid {
    gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__work-grid {
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__work-grid {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
}
.photographer__work-thumb img {
  max-width: 100%;
}
.photographer__work-thumb-2 img {
  width: 100%;
}
.photographer__item-6 {
  padding-top: 60px;
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1399px) {
  .photographer__item-6 {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__item-6 {
    padding-top: 30px;
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__item-6 {
    padding-inline-start: 0;
    padding-top: 20px;
  }
}
.photographer__about {
  position: relative;
  padding-bottom: 190px;
}
@media only screen and (max-width: 1199px) {
  .photographer__about {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__about {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__about {
    padding-bottom: 50px;
  }
  .photographer__about .photographer__about-thumb {
    margin-bottom: 20px;
  }
}
.photographer__about .sec-sub-title-4 {
  font-family: "euclid_Circular_B";
}
.photographer__about-subtitle {
  padding-top: 233px;
}
@media only screen and (max-width: 1199px) {
  .photographer__about-subtitle {
    padding-top: 173px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__about-subtitle {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__about-subtitle {
    padding-top: 0px;
    padding-bottom: 20px;
  }
}
.photographer__about-right {
  margin-bottom: 50px;
  border-bottom: 1px solid var(--gray-9);
}
.light .photographer__about-right {
  border-color: var(--white-3);
}
@media only screen and (max-width: 991px) {
  .photographer__about-right {
    margin-bottom: 20px;
  }
}
.photographer__about-disp p {
  font-size: 18px;
}
.photographer__about-text {
  max-width: 630px;
  padding-top: 20px;
  padding-bottom: 65px;
}
@media only screen and (max-width: 991px) {
  .photographer__about-text {
    padding-bottom: 40px;
  }
}
.photographer__about-text p {
  font-size: 24px;
  color: var(--white);
  line-height: 1.4;
}
.light .photographer__about-text p {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .photographer__about-text p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__about-text p {
    font-size: 18px;
  }
}
.photographer__about-thumb {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photographer__about-thumb img {
  max-width: 100%;
}
.photographer-counter__item .counter__item {
  gap: 30px;
  display: flex;
  align-items: center;
  position: relative;
}
.photographer-counter__item .number {
  min-width: 200px;
}
@media only screen and (max-width: 1199px) {
  .photographer-counter__item .number {
    min-width: 140px;
  }
}
.photographer-counter__item .count {
  font-size: 120px;
  font-weight: 400;
  color: var(--white);
}
.light .photographer-counter__item .count {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .photographer-counter__item .count {
    font-size: 90px;
  }
}
.photographer-counter__item .text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
}
.light .photographer-counter__item .text p {
  color: var(--black-2);
}
.photographer__work-exp {
  padding-inline-start: 50px;
  position: relative;
}
.photographer__work-exp::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  background-color: var(--white);
  top: 0;
  height: 100%;
  width: 1px;
}
.light .photographer__work-exp::before {
  background-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .photographer__work-exp {
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__work-exp br {
    display: block;
  }
}
.photographer__wrapperr-6 {
  margin-top: 75px;
}
@media only screen and (max-width: 1199px) {
  .photographer__wrapperr-6 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__wrapperr-6 {
    margin-top: 30px;
  }
}
.photographer__thumb img {
  max-width: 100%;
}
.photographer__thumb p {
  font-size: 18px;
}
.photographer__circlewrapper {
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
}
.photographer__circlewrapper .circle {
  height: 910px;
  width: 910px;
  border: 1px solid var(--gray-9);
  border-radius: 50%;
}
.light .photographer__circlewrapper .circle {
  border-color: var(--white-3);
}
@media only screen and (max-width: 1199px) {
  .photographer__circlewrapper .circle {
    height: 510px;
    width: 510px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__circlewrapper .circle {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__circlewrapper .circle {
    display: none;
  }
}
.photographer__service {
  padding-top: 160px;
}
@media only screen and (max-width: 1199px) {
  .photographer__service {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__service {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__service {
    padding-top: 60px;
  }
}
.photographer__service-2 {
  background-color: var(--black-11);
}
.light .photographer__service-2 {
  background-color: var(--black-10);
}
.light .photographer__service-2 .hover-left-right {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 220% 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: linear-gradient(to right, var(--primary) 45%, var(--white) 55%);
  transition: all 1s ease-out;
}
.light .photographer__service-2 .hover-left-right:hover {
  background-position: 0% 50%;
}
.light .photographer__service-2 .photographer__service-content .wrapper .count {
  color: var(--white);
}
.photographer__service .sec-sub-title-4 {
  font-family: "euclid_Circular_B";
}
.photographer__service-subtitle {
  padding-top: 18px;
}
@media only screen and (max-width: 767px) {
  .photographer__service-subtitle {
    padding-bottom: 50px;
  }
}
.photographer__service-items {
  display: grid;
  grid-gap: 40px;
}
@media only screen and (max-width: 991px) {
  .photographer__service-items {
    grid-gap: 30px;
  }
}
.photographer__service-item {
  position: relative;
}
.photographer__service-item:hover .photographer__service-hoverImg {
  opacity: 1;
}
.photographer__service-hoverImg {
  position: absolute;
  inset-inline-start: 0;
  top: -320px;
  opacity: 0;
  transition: 0.3s;
  max-width: 440px;
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .photographer__service-hoverImg {
    display: none;
  }
}
.photographer__service-content {
  text-align: start;
}
.photographer__service-content a {
  display: block;
}
.photographer__service-content .wrapper {
  position: relative;
  display: inline-block;
}
.photographer__service-content .wrapper .count {
  position: absolute;
  top: -17px;
  inset-inline-end: 0;
  font-size: 20px;
  color: var(--white);
  transition: all 0.3s;
  z-index: 9;
  font-family: "newYork";
}
.light .photographer__service-content .wrapper .count {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .photographer__service-content .wrapper .count {
    top: -25px;
  }
}
.photographer__service-content .wrapper:hover .count {
  color: var(--primary);
}
.photographer__service-title {
  font-size: 100px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s;
  z-index: 5;
}
@media only screen and (max-width: 1399px) {
  .photographer__service-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__service-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__service-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__service-title {
    font-size: 40px;
  }
}
.photographer__aboutservice {
  background: var(--black-10);
}
.photographer__video {
  position: relative;
  line-height: 0;
}
.photographer__video-area {
  overflow: hidden;
  position: relative;
  background-color: var(--black-10);
}
.light .photographer__video-area {
  background-color: var(--white);
}
.photographer__video::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .photographer__video::before {
    display: none;
  }
}
.photographer__overlay-6 {
  position: absolute;
  top: 75px;
  inset-inline-start: 80px;
  z-index: 99;
  padding-bottom: 8px;
}
@media only screen and (max-width: 991px) {
  .photographer__overlay-6 {
    top: 50px;
    inset-inline-start: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__overlay-6 {
    top: 20px;
    inset-inline-start: 15px;
  }
}
.photographer__overlay-6 .wc-btn-underline {
  width: 250px;
  font-size: 14px;
  text-transform: uppercase;
  justify-content: space-between;
}
.light .photographer__overlay-6 .wc-btn-underline {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .photographer__overlay-6 .wc-btn-underline {
    width: 200px;
  }
}
.light .photographer__overlay-6 .wc-btn-underline::after {
  background-color: var(--white);
}
.photographer__overlay-6 .wc-btn-underline i {
  font-size: 18px;
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.light .photographer__overlay-6 .wc-btn-underline i {
  transform: rotate(-135deg);
}
.photographer__overlay-6 .wc-btn-underline:hover {
  color: var(--primary);
}
.photographer__overlay-6 .wc-btn-underline:hover i {
  transform: rotate(0);
}
.light .photographer__overlay-6 .wc-btn-underline:hover i {
  transform: rotate(-180deg);
}
.photographer__gallary-grid {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .photographer__gallary-grid {
    grid-gap: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid {
    grid-template-columns: 1fr;
  }
}
.photographer__gallary-grid img {
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img {
    max-width: 100%;
    width: 100%;
  }
}
.photographer__gallary-grid img:nth-child(1) {
  width: 300px;
  height: 390px;
  margin-inline-start: 0;
}
@media only screen and (max-width: 1199px) {
  .photographer__gallary-grid img:nth-child(1) {
    width: 220px;
    height: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(1) {
    width: 180px;
    height: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(1) {
    width: initial;
    height: initial;
  }
}
.photographer__gallary-grid img:nth-child(2) {
  width: 190px;
  height: 240px;
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(2) {
    width: 160px;
    height: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(2) {
    width: initial;
    height: initial;
  }
}
.photographer__gallary-grid img:nth-child(3) {
  width: 140px;
  height: 170px;
  transform: translate(-50%, -100%);
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(3) {
    transform: translate(-20%, -100%);
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(3) {
    width: initial;
    height: initial;
    transform: unset;
  }
}
.photographer__gallary-grid img:nth-child(4) {
  width: 200px;
  height: 130px;
  margin-top: -120px;
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(4) {
    width: 180px;
    height: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(4) {
    width: initial;
    height: initial;
    margin: 0 auto;
  }
}
.photographer__gallary-grid img:nth-child(5) {
  width: 400px;
  height: 510px;
}
@media only screen and (max-width: 1199px) {
  .photographer__gallary-grid img:nth-child(5) {
    width: 310px;
    height: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(5) {
    width: 220px;
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(5) {
    width: initial;
    height: initial;
  }
}
.photographer__gallary-grid img:nth-child(6) {
  width: 300px;
  height: 210px;
  transform: translate(25%, -130%);
}
@media only screen and (max-width: 1199px) {
  .photographer__gallary-grid img:nth-child(6) {
    width: 220px;
    height: 140px;
    transform: translate(25%, -180%);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(6) {
    width: 200px;
    height: 130px;
    transform: translate(20%, -180%);
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(6) {
    width: initial;
    height: initial;
    transform: unset;
  }
}
.photographer__gallary-grid img:nth-child(7) {
  width: 110px;
  height: 140px;
  position: absolute;
  inset-inline-end: 110px;
  bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-grid img:nth-child(7) {
    inset-inline-end: 30px;
    bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-grid img:nth-child(7) {
    width: initial;
    height: initial;
    position: unset;
  }
}
.photographer__gallary-stitle {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
  max-width: 792px;
  margin: 0 auto 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .photographer__gallary-stitle {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__gallary-stitle {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-stitle {
    font-size: 28px;
  }
}
.photographer__gallary-sdis p {
  font-size: 18px;
  font-weight: 400;
  color: var(--black-9);
  padding-bottom: 165px;
}
.light .photographer__gallary-sdis p {
  color: var(--gray);
}
@media only screen and (max-width: 767px) {
  .photographer__gallary-sdis p {
    padding-bottom: 50px;
  }
}
.photographer__award {
  background-color: var(--orange-light);
  position: relative;
}
.photographer__award::before {
  content: "";
  position: absolute;
  inset-inline-start: 55%;
  bottom: 0;
  height: 60%;
  width: 1px;
  background-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .photographer__award::before {
    inset-inline-start: 53%;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__award::before {
    display: none;
  }
}
.photographer__award-btn {
  margin-bottom: 30px;
  transform: rotate(-37deg);
}
.dir-rtl .photographer__award-btn {
  transform: rotate(37deg);
}
.photographer__award-btn .wc-btn-circle {
  width: 170px;
  height: 170px;
  color: var(--white);
  background-color: var(--black-2);
  flex-direction: column;
  font-size: 14px;
  text-transform: uppercase;
}
.photographer__award-btn .wc-btn-circle:hover {
  color: var(--white);
  border: none;
}
.photographer__award-btn .wc-btn-circle:hover span {
  width: 450px;
  height: 450px;
}
@media only screen and (max-width: 767px) {
  .photographer__award-btn .wc-btn-circle br {
    display: block;
  }
}
.photographer__award-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .photographer__award-content {
    align-items: flex-start;
  }
}
.photographer__award-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.05;
  color: var(--black-2);
  max-width: 450px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographer__award-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__award-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__award-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__award-title {
    font-size: 48px;
  }
}
.photographer__award-item {
  margin-top: -80px;
  margin-inline-end: -20px;
}
@media only screen and (max-width: 1399px) {
  .photographer__award-item {
    margin-top: -75px;
    margin-inline-end: -60px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__award-item {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__award-item {
    margin-top: 20px;
    margin-inline-end: 0;
  }
}
.photographer__award-item img {
  padding-bottom: 30px;
}
.photographer__award-title2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 65px;
  color: var(--black-2);
}
.light .photographer__award-title2 {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .photographer__award-title2 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.photographer__award-title3 {
  font-size: 20px;
  color: var(--black-2);
  font-weight: 500;
}
.light .photographer__award-title3 {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .photographer__award-title3 {
    font-size: 18px;
  }
}
.photographer__award-right {
  max-width: 285px;
  margin: auto;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .photographer__award-right {
    margin: 0;
  }
}
.photographer__award-right p {
  color: var(--black-2);
  padding-top: 60px;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .photographer__award-right p {
    padding-top: 40px;
  }
}
.photographer-brand__area {
  background-color: var(--black-10);
}
.light .photographer-brand__area {
  background-color: var(--white);
}
.photographer-brand__area .sec-sub-title-4 {
  font-family: "euclid_Circular_B";
}
.photographer__testimonial .client-name,
.photographer__testimonial .client-role {
  font-family: "euclid_Circular_B";
}
.photographer__footer-social li {
  display: inline-block;
  padding-inline-start: 20px;
}
.photographer__footer-social li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
}
.photographer__footer-social li a:hover {
  color: var(--primary);
}
.photographer__footer-links {
  display: flex;
}
.photographer__footer-links li {
  margin-inline-end: 25px;
  position: relative;
  text-transform: uppercase;
}
.photographer__footer-links li:last-child {
  margin-inline-end: 0;
}
.photographer__footer-links li:last-child::before {
  display: none;
}
.photographer__footer-links li::before {
  content: "";
  position: absolute;
  inset-inline-end: -13px;
  top: 10px;
  height: 16px;
  width: 1px;
  background-color: var(--gray-9);
}
@media only screen and (max-width: 991px) {
  .photographer__footer-links li::before {
    display: none;
  }
}
.photographer__footer-links li a {
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  padding-top: 3px;
  text-transform: uppercase;
}
.photographer__footer-links li a:hover {
  color: var(--primary);
}
.photographer__abouthero {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 210px;
}
@media only screen and (max-width: 1199px) {
  .photographer__abouthero {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero {
    padding-top: 150px;
  }
}
.photographer__abouthero-circleshape {
  display: block;
  height: 850px;
  width: 850px;
  border: 1px solid var(--gray-13);
  border-radius: 50%;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.photographer__abouthero-circleshape.dark-circleshape {
  border: 1px solid rgba(233, 233, 233, 0.0901960784);
}
.light .photographer__abouthero-circleshape.dark-circleshape {
  border-color: var(--gray-13);
}
@media only screen and (max-width: 1919px) {
  .photographer__abouthero-circleshape {
    height: 820px;
    width: 820px;
  }
}
@media only screen and (max-width: 1399px) {
  .photographer__abouthero-circleshape {
    height: 700px;
    width: 700px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__abouthero-circleshape {
    height: 450px;
    width: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero-circleshape {
    height: 350px;
    width: 350px;
  }
}
.photographer__abouthero-wrapper {
  margin-inline-start: 138px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .photographer__abouthero-wrapper {
    margin-inline-start: 0;
  }
}
.photographer__abouthero-title {
  font-weight: 400;
  font-size: 180px;
  line-height: 0.88;
  padding-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographer__abouthero-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__abouthero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero-title {
    font-size: 60px;
  }
}
.photographer__abouthero-title span {
  display: block;
  padding-inline-start: 310px;
}
@media only screen and (max-width: 1919px) {
  .photographer__abouthero-title span {
    padding-inline-start: 205px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__abouthero-title span {
    padding-inline-start: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero-title span {
    padding-inline-start: 0;
    text-align: end;
  }
}
.photographer__abouthero-dis {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.photographer__abouthero-thumb {
  display: flex;
  gap: 50px;
  align-items: center;
  max-width: 850px;
  margin: auto;
  padding-top: 20px;
  margin-inline-start: 88px;
}
@media only screen and (max-width: 991px) {
  .photographer__abouthero-thumb {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero-thumb {
    margin-inline-start: 0;
  }
}
.photographer__abouthero-thumb img {
  max-width: 360px;
  height: 160px;
  border-radius: 80px;
}
.photographer__abouthero-arrowdown {
  width: 90px;
  height: 130px;
  border-radius: 100px;
  border: 1px solid var(--gray);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transform: translateX(-70px);
  margin-top: 120px;
  background-color: var(--black-10);
}
.light .photographer__abouthero-arrowdown {
  background-color: var(--white);
  border-color: var(--gray-13);
}
.dir-rtl .photographer__abouthero-arrowdown {
  transform: translateX(70px);
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .photographer__abouthero-arrowdown {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1919px) {
  .photographer__abouthero-arrowdown {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__abouthero-arrowdown {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__abouthero-arrowdown {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__abouthero-arrowdown {
    width: 60px;
    height: 100px;
    margin-top: 50px;
    margin-bottom: 70px;
  }
}
.light .photographer__abouthero-arrowdown img {
  filter: invert(1);
}
@media only screen and (max-width: 767px) {
  .light .photographer__abouthero-arrowdown img {
    max-width: 30px;
  }
}
.photographer__aboutAim {
  padding-top: 250px;
}
@media only screen and (max-width: 1199px) {
  .photographer__aboutAim {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__aboutAim {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__aboutAim .dancer__aboutAim-title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__aboutAim .dancer__aboutAim-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__aboutAim .dancer__aboutAim-wrapper .dancer__aboutAim-item:nth-child(2) {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__aboutAim .dancer__aboutAim-wrapper .dancer__aboutAim-item:nth-child(2) {
    padding: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__aboutAim .dancer__aboutAim-wrapper {
    grid-template-columns: 0.5fr 1fr 0.5fr;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__aboutAim .dancer__aboutAim-wrapper {
    grid-template-columns: 1fr;
  }
}
.photographer__servicebrand {
  border: 1px solid var(--gray-13);
}
.photographer__servicebrand-brandservice {
  background: var(--gray-13);
}
.photographer__serviceVideo {
  padding-top: 215px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .photographer__serviceVideo {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__serviceVideo {
    padding-top: 160px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__serviceVideo {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.photographer__serviceVideo-wrapper {
  text-align: center;
}
.photographer__serviceVideo-subtitle {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--white);
}
.light .photographer__serviceVideo-subtitle {
  color: var(--gray-10);
}
@media only screen and (max-width: 991px) {
  .photographer__serviceVideo-subtitle {
    font-size: 25px;
  }
}
.photographer__serviceVideo-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographer__serviceVideo-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__serviceVideo-title {
    font-size: 60px;
  }
}
.photographer__serviceVideo-bottom {
  max-width: 420px;
  margin-inline-start: auto;
}
.photographer__serviceVideo-bdis p {
  font-size: 18px;
  text-align: start;
}
@media only screen and (max-width: 1199px) {
  .photographer__serviceVideo-bdis p {
    padding-top: 30px;
  }
}
.photographer__serviceVideo-video {
  position: relative;
  margin-top: 50px;
}
.photographer__serviceVideo-video video {
  width: 99%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .photographer__serviceVideo-video video {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__serviceVideo-video video {
    height: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__serviceVideo-video video {
    height: 320px;
  }
}
.photographer__serviceVideo-vthumb {
  position: absolute;
  top: -1px;
  inset-inline-start: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.light .photographer__serviceVideo-vthumb {
  filter: brightness(10);
}
.photographer__classDetailHero-wrapper {
  padding-top: 130px;
  padding-bottom: 150px;
  border-bottom: 1px solid var(--gray-6);
  background-color: var(--black-10);
}
.light .photographer__classDetailHero-wrapper {
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .photographer__classDetailHero-wrapper {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__classDetailHero-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.photographer__classDetailHero-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographer__classDetailHero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__classDetailHero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__classDetailHero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__classDetailHero-title {
    font-size: 40px;
  }
}
.photographer__portfolio {
  padding-top: 220px;
  padding-bottom: 160px;
}
@media only screen and (max-width: 1199px) {
  .photographer__portfolio {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .photographer__portfolio {
    padding-top: 180px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfolio {
    padding-bottom: 50px;
    padding-top: 130px;
  }
}
.photographer__portfolio-wrapper {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .photographer__portfolio-wrapper {
    flex-wrap: wrap;
  }
}
.photographer__portfolio-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .photographer__portfolio-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfolio-title br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfolio-item {
    padding-top: 50px;
  }
}
.photographer__portfolio-diswrap {
  max-width: 410px;
  padding-top: 100px;
}
@media only screen and (max-width: 991px) {
  .photographer__portfolio-diswrap {
    padding-top: 50px;
  }
}
.photographer__portfolio-diswrap p {
  font-size: 18px;
}
.photographer__portfolio-diswrap p strong {
  color: var(--white);
}
.light .photographer__portfolio-diswrap p strong {
  color: var(--black-2);
}
.photographer__portfoliothumb-active.swiper {
  width: 100%;
  padding-top: 150px;
}
@media only screen and (max-width: 991px) {
  .photographer__portfoliothumb-active.swiper {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfoliothumb-active.swiper {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
.photographer__portfoliothumb-active .swiper-wrapper {
  margin-inline-start: -120px;
}
@media only screen and (max-width: 1199px) {
  .photographer__portfoliothumb-active .swiper-wrapper {
    margin-inline-start: -80px;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfoliothumb-active .swiper-wrapper {
    margin-inline-start: 0;
  }
}
.photographer__portfoliothumb-active .swiper-slide {
  overflow-x: clip;
  transition: all 0.3s ease;
}
.photographer__portfoliothumb-active .swiper-slide-active {
  -o-object-fit: cover;
     object-fit: cover;
  width: 575px !important;
  transform: translateY(-150px);
}
@media only screen and (max-width: 1919px) {
  .photographer__portfoliothumb-active .swiper-slide-active {
    width: 460px !important;
    transform: translateY(-140px);
  }
}
@media only screen and (max-width: 1199px) {
  .photographer__portfoliothumb-active .swiper-slide-active {
    transform: translateY(-95px);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__portfoliothumb-active .swiper-slide-active {
    width: 360px !important;
    transform: translateY(-85px);
  }
}
@media only screen and (max-width: 767px) {
  .photographer__portfoliothumb-active .swiper-slide-active {
    width: 100% !important;
    transform: unset;
  }
}

.work4.work7 .work7__thumb img {
  max-width: 100%;
}
.work4.work7.work4__content {
  inset-inline-start: 60px;
  top: 60px;
  transform: translateY(-300px);
}
@media only screen and (max-width: 1199px) {
  .work4.work7.work4__content {
    inset-inline-start: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .work4.work7.work4__content {
    inset-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .work4.work7.work4__content {
    inset-inline-start: 10px;
  }
}
.work4:hover .work4__content {
  transform: translateY(0);
}
.work4 .year {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
  display: inline-block;
}
.work4 .title {
  font-size: 50px;
  line-height: 3.5rem;
  font-weight: 400;
}
@media only screen and (max-width: 1199px) {
  .work4 .title {
    font-size: 35px;
    line-height: 1;
  }
}
@media only screen and (max-width: 991px) {
  .work4 .title {
    font-size: 30px;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .work4 .title {
    font-size: 25px;
    line-height: 1;
  }
}

.service_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--gray-9);
  padding-bottom: 15px;
  margin-bottom: 75px;
}
@media only screen and (max-width: 991px) {
  .service_header {
    margin-bottom: 45px;
  }
}
.service_header span {
  font-size: 18px;
  text-transform: capitalize;
}
.service_header a {
  color: var(--gray-4);
  font-size: 18px;
}

/*
    PHOTOGRAPHER CLIENT AREA SASS
*/
.brand__wrapper-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1px;
  border-top: 1px solid var(--gray-9);
  border-inline-start: 1px solid var(--gray-9);
}
.light .brand__wrapper-6 {
  border-color: var(--gray-13);
}
@media only screen and (max-width: 991px) {
  .brand__wrapper-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .brand__wrapper-6 {
    grid-template-columns: 1fr 1fr;
  }
}
.brand__wrapper-6-pt {
  padding-top: 55px;
}
.brand__item-6 {
  width: 215px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  width: 100%;
  border-inline-end: 1px solid var(--gray-9);
  border-bottom: 1px solid var(--gray-9);
}
.light .brand__item-6 {
  border-color: var(--gray-13);
}

.award__area-6 {
  background-color: var(--orange-light);
  position: relative;
}
.award__area-6::before {
  content: "";
  position: absolute;
  inset-inline-start: 55%;
  bottom: 0;
  height: 55%;
  width: 1px;
  background-color: var(--black-2);
  transform: translateX(-50%);
}
@media only screen and (max-width: 991px) {
  .award__area-6::before {
    display: none;
  }
}
.award__title-6 {
  font-weight: 400;
  font-size: 100px;
  line-height: 106px;
  text-transform: uppercase;
  color: var(--black-2);
  max-width: 450px;
}
@media only screen and (max-width: 1199px) {
  .award__title-6 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .award__title-6 {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .award__title-6 {
    font-size: 30px;
    line-height: 1.5;
  }
}
.award__content-6 {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media only screen and (max-width: 991px) {
  .award__content-6 {
    align-items: flex-start;
  }
}
.award__item-6 {
  transform: translate(10px, -80px);
}
@media only screen and (max-width: 991px) {
  .award__item-6 {
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 1199px) {
  .award__item-6 {
    transform: translate(0, 0);
  }
}
.award__item-6 .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 65px;
}
@media only screen and (max-width: 1199px) {
  .award__item-6 .title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .award__item-6 .title {
    margin-bottom: 30px;
  }
}
.award__item-6 .title-2 {
  font-size: 20px;
  color: var(--black-2);
  font-weight: 500;
}
.award__item-6 img {
  margin-bottom: 30px;
}
.award__right {
  max-width: 285px;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .award__right {
    margin: inherit;
    margin-top: 30px;
  }
}
.award__right p {
  color: var(--black-2);
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .award__right p {
    padding-top: 30px;
  }
}

/*
    PHOTOGRAPHER FOOTER AREA SASS
*/
.photographer__cursor {
  position: absolute;
  top: 0;
  inset-inline-start: 150px;
  opacity: 0;
  z-index: 99;
  cursor: none;
  transition: 0.3s;
}
@media only screen and (max-width: 1199px) {
  .photographer__cursor {
    opacity: 1;
    top: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 991px) {
  .photographer__cursor {
    top: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .photographer__cursor {
    top: 40%;
  }
}
.photographer__cursor:hover {
  color: var(--black-2);
}
.photographer__cursor:hover img {
  filter: invert(0);
}

.footer__area-6 {
  background-color: var(--black-11);
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  position: relative;
}
.light .footer__area-6 {
  background-color: var(--black-10);
}
@media only screen and (max-width: 1199px) {
  .footer__area-6 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__area-6 {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.footer__subtitle-6 {
  font-size: 18px;
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 50px;
  cursor: none;
}
.light .footer__subtitle-6 {
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .footer__subtitle-6 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__subtitle-6 {
    margin-bottom: 30px;
  }
}
.footer__title-6 {
  font-size: 190px;
  line-height: 1.05;
}
.light .footer__title-6 {
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .footer__title-6 {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__title-6 {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__title-6 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__title-6 {
    font-size: 40px;
  }
}
.footer__content-6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--gray-9);
  padding-top: 22px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 991px) {
  .footer__content-6 {
    gap: 20px;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .footer__content-6 .copytext {
    text-align: center;
  }
}
.footer__content-6 .copytext p {
  text-transform: uppercase;
}
.light .footer__content-6 .copytext p {
  color: var(--gray-4);
}
.footer__content-6 .copytext p a {
  color: var(--white);
}
.footer__content-6 .copytext p a:hover {
  color: var(--primary);
}
.footer__top-7 {
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 95px;
}
@media only screen and (max-width: 991px) {
  .footer__top-7 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__top-7 {
    margin-bottom: 50px;
  }
}
.footer__top-7:hover .photographer__cursor {
  opacity: 1;
}

.phw-title-pb {
  padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .phw-title-pb {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .phw-title-pb {
    padding-top: 20px;
  }
}

.phb-title-pt {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .phb-title-pt {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.brand__text-photographer {
  max-width: 330px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 991px) {
  .brand__text-photographer {
    padding-top: 30px;
  }
}
.brand__text-photographer p {
  font-size: 18px;
}

.photographertwo__hero {
  text-align: center;
  padding: 300px 0 250px;
  background-image: url(../imgs/inner/photographer/photo-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1919px) {
  .photographertwo__hero {
    padding: 220px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .photographertwo__hero {
    padding: 150px 0 100px;
  }
}
.photographertwo__hero-title {
  font-weight: 400;
  font-size: 180px;
  line-height: 1;
  text-transform: uppercase;
}
.light .photographertwo__hero-title {
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .photographertwo__hero-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographertwo__hero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .photographertwo__hero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .photographertwo__hero-title {
    font-size: 60px;
  }
}
.photographertwo__hero-dis p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  padding-top: 10px;
}
@media only screen and (max-width: 1199px) {
  .photographertwo__photo * img {
    width: 100%;
  }
}
.photographertwo__photo-right {
  padding-bottom: 30px;
}
.photographertwo__photo p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo p {
    padding-bottom: 20px;
  }
}
.photographertwo__photo-wrapper {
  display: grid;
  grid-template-columns: auto 660px;
}
@media only screen and (max-width: 1199px) {
  .photographertwo__photo-wrapper {
    grid-template-columns: 0.9fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-wrapper {
    grid-template-columns: auto;
    grid-gap: 20px;
  }
}
.photographertwo__photo-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .photographertwo__photo-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographertwo__photo-title {
    font-size: 32px;
  }
}
.photographertwo__photo-title2 {
  font-size: 100px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}
.photographertwo__photo-thumb {
  display: grid;
  grid-template-columns: auto 520px;
  grid-gap: 110px;
  align-items: center;
  padding: 20px 0;
}
@media only screen and (max-width: 991px) {
  .photographertwo__photo-thumb {
    grid-gap: 30px;
    grid-template-columns: auto 300px;
  }
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-thumb {
    grid-template-columns: auto;
    grid-gap: 20px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .photographertwo__photo-thumb img {
    width: 100%;
  }
}
.photographertwo__photo-imagegrid {
  display: grid;
  grid-template-columns: 410px auto;
  grid-gap: 20px;
}
@media only screen and (max-width: 1399px) {
  .photographertwo__photo-imagegrid img {
    max-width: unset;
  }
}
@media only screen and (max-width: 1199px) {
  .photographertwo__photo-imagegrid {
    grid-template-columns: 295px auto;
  }
}
@media only screen and (max-width: 991px) {
  .photographertwo__photo-imagegrid {
    grid-template-columns: 218px auto;
  }
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-imagegrid {
    grid-template-columns: auto;
  }
}
.photographertwo__photo-text2 {
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-text2 {
    padding-top: 50px;
  }
}
.photographertwo__photo-texttwowrap {
  display: grid;
  grid-template-columns: 190px 300px;
  justify-content: center;
  grid-gap: 140px;
  text-align: start;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-texttwowrap {
    grid-gap: 10px;
    grid-template-columns: auto;
  }
}
.photographertwo__photo-texttwowrap p {
  text-indent: 30px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-texttwowrap p {
    text-indent: 0;
  }
}
.photographertwo__photo-gallary {
  padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-gallary {
    padding-bottom: 60px;
  }
}
.photographertwo__photo-gwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  padding-top: 20px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-gwrap {
    padding-bottom: 30px;
  }
}
.photographertwo__photo-gdis {
  max-width: 660px;
  text-align: center;
  margin: auto;
}
.photographertwo__photo-morework {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: auto 1fr 160px;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-morework {
    grid-template-columns: auto 1fr 100px;
    padding-top: 0;
  }
}
.photographertwo__photo-morework .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
}
.light .photographertwo__photo-morework .text {
  color: var(--black-2);
}
.photographertwo__photo-morework span {
  height: 1px;
  width: 100%;
  background: var(--gray-9);
}
.photographertwo__photo-morework .imgs {
  gap: 40px;
  display: flex;
}
.dir-rtl .photographertwo__photo-morework .imgs {
  flex-flow: row-reverse;
}
@media only screen and (max-width: 767px) {
  .photographertwo__photo-morework .imgs {
    gap: 15px;
  }
}
.photographertwo__photo-morework .imgs img {
  width: 60px;
}

.pb-0 {
  padding-bottom: 0;
}

.light-image {
  filter: grayscale(0) !important;
}

.fashion {
  /*
      FASHION HEADER AREA SASS
  */
  /*
      FASHION HERO AREA SASS
  */
  /*
      FASHION WORK AREA SASS
  */
  /*
      FASHION ABOUT AREA SASS
  */
  /*
      FASHION SERVICE AREA SASS
  */
  /*
      FASHION VIDEO AREA SASS
  */
  /*
      FASHION NOMINATED AREA SASS
  */
  /*
      FASHION CONTACT AREA SASS
  */
  /*
      FASHION FOOTER AREA SASS
  */
}
.fashion__navicon {
  z-index: 9;
  display: none;
}
@media only screen and (max-width: 1199px) {
  .fashion__navicon {
    display: block;
  }
}
.fashion__header {
  position: absolute;
  left: 0;
  right: 0;
}
.fashion__header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (max-width: 1199px) {
  .fashion__header-inner {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__header-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.fashion__header-inner .main-menu li a {
  font-size: 14px;
  padding: 30px 19px;
  text-transform: uppercase;
}
.fashion__header-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 50px;
}
@media only screen and (max-width: 991px) {
  .fashion__header-wrapper {
    padding: 30px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__header-wrapper {
    padding: 30px 20px;
  }
}
.fashion__header-logo {
  max-width: 160px;
}
.fashion__header-logo img {
  width: 100%;
}
.fashion__header-menu {
  text-align: right;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .fashion__header-menu {
    display: none;
  }
}
.fashion__header-menu nav ul {
  flex-direction: column;
  align-items: flex-end;
}
.fashion__header-menu nav ul li:hover .dp-menu {
  right: 100%;
  left: auto;
}
.fashion__header-menu nav ul li:hover a::after {
  left: auto;
  right: auto;
}
.fashion__header-menu nav ul .dp-menu {
  right: calc(100% + 20px);
  left: auto;
  top: 0;
}
.fashion__header-menu nav ul .dp-menu a::after {
  display: none;
}
.fashion__header-menu nav > ul > li > a {
  color: var(--white);
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 0;
}
.fashion__hero {
  position: relative;
  text-align: center;
  background-color: var(--black-10);
}
.fashion__hero .outshape_1 {
  position: absolute;
  right: 0;
  top: 65%;
}
@media only screen and (max-width: 1199px) {
  .fashion__hero .outshape_1 {
    top: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__hero .outshape_1 {
    display: none;
  }
}
.fashion__thumb {
  display: inline-block;
  position: relative;
  transform: translateY(-30px);
}
@media only screen and (max-width: 767px) {
  .fashion__thumb {
    transform: unset;
    margin-bottom: 30px;
  }
}
.fashion__thumb img {
  max-width: 100%;
}
.fashion__content {
  color: var(--white);
  text-align: left;
}
.fashion__content a {
  color: var(--white);
}
.fashion__content span {
  padding-top: 15px;
  font-weight: 400;
  display: block;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .fashion__content span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__content span br {
    display: block;
  }
}
.fashion__middle__thumb {
  max-width: 100%;
}
.fashion__middle__content {
  position: relative;
  z-index: 99;
  text-align: center;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .fashion__middle__content {
    margin: 30px 0;
  }
  .fashion__middle__content a {
    margin-bottom: 10px;
  }
}
.fashion__hero-modal {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .fashion__hero-modal {
    margin-top: 70px;
  }
}
.fashion__htitle {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .fashion__htitle {
    margin-top: 100px;
  }
}
.fashion__title {
  font-size: 200px;
  font-weight: 400;
  line-height: 0.9;
  margin-top: -25px;
  margin-left: -30px;
}
@media only screen and (max-width: 1199px) {
  .fashion__title {
    font-size: 120px;
    max-width: 760px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__title {
    font-size: 80px;
    max-width: 520px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__title {
    font-size: 60px;
  }
}
.fashion__title2 {
  font-size: 40px;
  line-height: 1.05;
}
@media only screen and (max-width: 767px) {
  .fashion__title2 {
    font-size: 30px;
  }
  .fashion__title2 br {
    display: block;
  }
}
.fashion__title2 span {
  color: var(--primary);
}
.fashion__main {
  position: relative;
  padding-top: 105px;
}
.fashion__wrapper-bottom {
  gap: 60px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .fashion__wrapper-bottom {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__wrapper-bottom {
    justify-content: center;
    margin-bottom: 70px;
  }
}
.fashion__bottom-content {
  max-width: 260px;
  margin-left: auto;
  margin-right: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .fashion__bottom-content {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__bottom-content {
    margin-right: 0;
    margin: 0 auto;
  }
}
.fashion__bottom-dis p {
  font-size: 18px;
  font-weight: 500;
}
.fashion__bottom-dis p span {
  color: var(--white);
}
.light .fashion__bottom-dis p span {
  color: var(--black-2);
}
.fashion__work {
  background-color: var(--black-10);
}
.fashion__work.fashion__innerportfolio {
  padding-bottom: 0;
}
.fashion__work-htitle {
  font-size: 100px;
  color: var(--white);
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .fashion__work-htitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-htitle {
    font-size: 40px;
  }
  .fashion__work-htitle br {
    display: block;
  }
}
.fashion__work-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 240px 90px;
}
@media only screen and (max-width: 1399px) {
  .fashion__work-items {
    gap: 120px 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__work-items {
    gap: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__work-items {
    gap: 60px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-items {
    gap: 20px;
    justify-content: center;
  }
}
.fashion__work-pt {
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .fashion__work-pt {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__work-pt {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__work-pt {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-pt {
    padding-top: 15px;
  }
}
.fashion__work-ovalbtn {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .fashion__work-ovalbtn {
    text-align: left;
    margin-bottom: 50px;
  }
}
.fashion__work-item {
  overflow: hidden;
  position: relative;
  max-width: 440px;
}
@media only screen and (max-width: 1199px) {
  .fashion__work-item {
    max-width: 320px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__work-item {
    max-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-item {
    max-width: 100%;
  }
}
.fashion__work-item.large {
  max-width: 660px;
}
@media only screen and (max-width: 1399px) {
  .fashion__work-item.large {
    max-width: 560px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__work-item.large {
    max-width: 460px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__work-item.large {
    max-width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-item.large {
    max-width: 100%;
  }
}
.fashion__work-item * {
  color: var(--white);
}
.fashion__work-thumb img {
  max-width: 100%;
}
.fashion__work-dis p {
  max-width: 275px;
  margin-left: auto;
  position: relative;
  font-size: 18px;
  padding-bottom: 65px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .fashion__work-dis p {
    padding: 30px 0;
    padding-top: 0;
    margin-right: 0;
  }
}
.fashion__work-dis p::before {
  position: absolute;
  content: "";
  left: -83%;
  top: 10px;
  width: 190px;
  height: 1px;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .fashion__work-dis p::before {
    left: -65%;
    width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__work-dis p::before {
    left: -55%;
  }
}
.fashion__work-content {
  transition: all 0.5s;
  position: absolute;
  top: 60px;
  inset-inline-start: 60px;
}
@media only screen and (max-width: 1199px) {
  .fashion__work-content {
    top: unset;
    inset-inline-start: 30px;
    bottom: 60px;
  }
}
.fashion__work-name {
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  position: relative;
  z-index: 3;
  top: 15px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 400;
}
.fashion__work-title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1.1;
  padding-top: 25px;
}
.light .fashion__work-title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .fashion__work-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__work-title {
    font-size: 30px;
  }
}
.fashion__about {
  background-color: var(--black-10);
}
.fashion__about-titlepb {
  margin-bottom: 15px;
}
.fashion__about-title {
  font-size: 100px;
  color: var(--white);
  line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
  .fashion__about-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__about-title {
    font-size: 40px;
  }
}
.fashion__about-content {
  text-align: center;
  border-top: 1px solid var(--black-12);
  border-bottom: 1px solid var(--black-12);
  padding: 110px 0 145px;
}
@media only screen and (max-width: 1399px) {
  .fashion__about-content {
    padding: 90px 0 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__about-content {
    padding: 80px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__about-content {
    padding: 50px 0 60px;
  }
}
.fashion__about-text p {
  max-width: 630px;
  margin: 0 auto;
  font-size: 18px;
  padding-bottom: 60px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .fashion__about-text p {
    padding-bottom: 40px;
  }
}
.fashion__service {
  padding-bottom: 150px;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1399px) {
  .fashion__service {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__service {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__service {
    padding-bottom: 90px;
  }
}
.fashion__service-header span {
  font-weight: 400;
  color: var(--white);
}
.fashion__service-header p {
  font-size: 18px;
}
.fashion__service-header a {
  font-weight: 400;
  color: var(--white);
  display: inline-block;
}
.fashion__service-header a:hover {
  color: var(--primary);
}
.fashion__service-items {
  position: relative;
  flex-direction: column;
  display: flex;
  gap: 45px;
}
@media only screen and (max-width: 767px) {
  .fashion__service-items {
    gap: 30px;
  }
}
.fashion__service-item {
  text-align: center;
  cursor: pointer;
}
.fashion__service-item.active .fashion__service-thumb,
.fashion__service-item.active .fashion__service-thumb-2 {
  opacity: 1;
}
.fashion__service-item.active .fashion__service-title {
  color: var(--primary);
}
.fashion__service-thumb {
  position: absolute;
  width: 330px;
  height: 450px;
  bottom: 30px;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.5s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
@media only screen and (max-width: 1399px) {
  .fashion__service-thumb {
    left: -50px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__service-thumb {
    left: 0;
    bottom: 0;
    width: 280px;
    height: 360px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__service-thumb {
    width: 220px;
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__service-thumb {
    display: none;
  }
}
.fashion__service-thumb-2 {
  position: absolute;
  width: 220px;
  height: 285px;
  top: 40px;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.5s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
@media only screen and (max-width: 1399px) {
  .fashion__service-thumb-2 {
    right: -50px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__service-thumb-2 {
    right: 0;
    top: 20px;
    width: 180px;
    height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__service-thumb-2 {
    width: 120px;
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__service-thumb-2 {
    display: none;
  }
}
.fashion__service-title {
  font-size: 100px;
  color: var(--white);
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
@media only screen and (max-width: 1399px) {
  .fashion__service-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__service-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__service-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__service-title {
    font-size: 40px;
  }
}
.fashion__service-sub {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--black-9);
  display: block;
}
@media only screen and (max-width: 767px) {
  .fashion__service-header {
    gap: 10px;
    flex-direction: column;
  }
}
.fashion__video {
  position: relative;
  background-color: var(--black-10);
}
.fashion__video-text {
  display: flex;
  justify-content: flex-start;
  max-width: 540px;
  align-items: center;
  position: absolute;
  right: 100px;
  z-index: 9;
  bottom: 55px;
}
@media only screen and (max-width: 991px) {
  .fashion__video-text {
    bottom: 30px;
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__video-text {
    bottom: 30px;
    right: 0;
    flex-direction: column;
    gap: 10px;
    max-width: 340px;
  }
}
.fashion__video-text::before {
  content: "";
  position: absolute;
  top: -23%;
  left: 0;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  .fashion__video-text::before {
    display: none;
  }
}
.fashion__video-left {
  margin-right: 50px;
}
@media only screen and (max-width: 991px) {
  .fashion__video-left {
    margin-right: 30px;
  }
}
.fashion__video-dis p {
  font-size: 18px;
  color: var(--white);
  text-indent: 30px;
}
.fashion__video-title {
  font-size: 60px;
  color: var(--white) !important;
  text-indent: 40px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .fashion__video-title {
    font-size: 40px;
    text-indent: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__video-title {
    font-size: 40px;
  }
}
.fashion__video video {
  max-width: 100%;
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: -6px;
}
@media only screen and (max-width: 1199px) {
  .fashion__video video {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__video video {
    height: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__video video {
    height: 400px;
  }
}
.fashion__nominated {
  background-color: var(--black-10);
}
@media only screen and (max-width: 767px) {
  .fashion__nominated {
    padding-top: 40px;
  }
}
.fashion__nominated-award {
  float: right;
}
@media only screen and (max-width: 767px) {
  .fashion__nominated-award {
    float: left;
    padding-top: 30px;
  }
}
.fashion__nominated-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1.05;
  color: var(--white);
  text-transform: lowercase;
  letter-spacing: -3px;
}
@media only screen and (max-width: 1199px) {
  .fashion__nominated-title {
    font-size: 60px;
    max-width: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__nominated-title {
    font-size: 40px;
  }
}
.fashion__nominated-title-pb {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .fashion__nominated-title-pb {
    padding-bottom: 30px;
  }
}
.fashion__nominated-dis {
  max-width: 440px;
  margin-left: 305px;
}
@media only screen and (max-width: 1199px) {
  .fashion__nominated-dis {
    margin-left: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__nominated-dis {
    max-width: 100%;
    margin-left: 0;
  }
}
.fashion__nominated-dis p {
  font-size: 18px;
  text-indent: 70px;
}
.fashion__contact {
  padding-top: 130px;
  background-color: var(--black-10);
}
@media only screen and (max-width: 1399px) {
  .fashion__contact {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__contact {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__contact {
    padding-top: 50px;
  }
}
.fashion__contact-tmb {
  margin-bottom: 50px;
}
.fashion__contact-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--black-12);
  padding-bottom: 15px;
  margin-bottom: 85px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .fashion__contact-header {
    margin-bottom: 50px;
  }
}
.fashion__contact-header span {
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.fashion__contact-wrapper {
  padding-left: 520px;
}
@media only screen and (max-width: 1399px) {
  .fashion__contact-wrapper {
    padding-left: 340px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__contact-wrapper {
    padding-left: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__contact-wrapper {
    padding-left: 50px;
  }
}
.fashion__footer {
  padding: 85px 50px 80px;
  border-top: 2px solid var(--black-12);
  background-color: var(--black-10);
}
@media only screen and (max-width: 1199px) {
  .fashion__footer {
    padding: 70px 50px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__footer {
    padding: 50px 30px;
  }
}
.fashion__footer-logo {
  max-width: 110px;
}
.fashion__footer-logo img {
  width: 100%;
}
.fashion__footer-field {
  margin-bottom: 30px;
}
.fashion__footer-content {
  display: grid;
  grid-template-columns: 0.99fr 0.7fr 0.7fr 1.2fr 1.1fr;
}
@media only screen and (max-width: 1199px) {
  .fashion__footer-content {
    grid-row-gap: 50px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .fashion__footer-content {
    grid-template-columns: 1fr;
  }
}
.fashion__footer-social {
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.fashion__footer-social::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100px;
  height: 1px;
  background-color: var(--gray-9);
  bottom: 0;
}
.fashion__footer-social li {
  display: inline-block;
  margin-right: 18px;
}
.fashion__footer-social li a {
  color: var(--white);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  text-transform: capitalize;
}
.fashion__footer-social li a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .fashion__footer-logo {
    grid-column: 1/5;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__footer-logo {
    grid-column: unset;
  }
}
.fashion__flinks {
  margin: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .fashion__flinks {
    grid-column: 5/9;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__flinks {
    grid-column: unset;
  }
}
.fashion__flinks li a:hover {
  color: var(--primary);
}
.fashion__flinks-2 {
  margin: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .fashion__flinks-2 {
    grid-column: 9/-1;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__flinks-2 {
    grid-column: unset;
  }
}
.fashion__flinks-2 li a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .fashion__newsletter {
    grid-row: 2;
    grid-column: 7/-1;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .fashion__newsletter {
    grid-row: unset;
    grid-column: unset;
  }
}
.fashion__newsletter .wc-btn-oval {
  padding: 20px 42px;
}
.fashion__newsletter form input, .fashion__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .fashion__newsletter form textarea, .fashion__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .fashion__newsletter form textarea, .fashion__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .fashion__newsletter form textarea {
  font-size: 14px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--black-13);
  background-color: transparent;
  color: var(--black-9);
  padding: 10px 30px 10px 0;
}
.fashion__newsletter form input::-moz-placeholder, .fashion__newsletter form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .fashion__newsletter form textarea::-moz-placeholder, .fashion__newsletter form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .fashion__newsletter form textarea::-moz-placeholder, .fashion__newsletter form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .fashion__newsletter form textarea::-moz-placeholder {
  color: var(--black-9);
}
.fashion__newsletter form input::placeholder, .fashion__newsletter form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .fashion__newsletter form textarea::placeholder, .fashion__newsletter form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .fashion__newsletter form textarea::placeholder, .fashion__newsletter form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .fashion__newsletter form textarea::placeholder {
  color: var(--black-9);
}
.fashion__newsletter form input:focus, .fashion__newsletter form .cf-details-comment__field textarea:focus, .cf-details-comment__field .fashion__newsletter form textarea:focus, .fashion__newsletter form .dt-inap__appointment textarea:focus, .dt-inap__appointment .fashion__newsletter form textarea:focus, .fashion__newsletter form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .fashion__newsletter form textarea:focus {
  outline: 0;
}
@media only screen and (max-width: 1199px) {
  .fashion__copyright {
    grid-row: 2;
    grid-column: 1/7;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .fashion__copyright {
    grid-row: 5;
    grid-column: unset;
  }
}
.fashion__copyright p a {
  color: var(--white);
}
.fashion__copyright p a:hover {
  color: var(--primary);
}

.fashion__blog {
  background-color: var(--black-10);
}
.light .fashion__blog {
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .fashion__blog {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__blog {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
.fashion__blog-items {
  display: flex;
  flex-wrap: wrap;
  gap: 90px 50px;
}
@media only screen and (max-width: 1399px) {
  .fashion__blog-items {
    grid-gap: 60px 40px;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__blog-items {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__blog-items {
    gap: 20px;
  }
}
.fashion__blogdetails {
  padding-top: 235px;
}
@media only screen and (max-width: 991px) {
  .fashion__blogdetails {
    padding-top: 150px;
  }
}
.fashion-blog__area {
  background-color: var(--black-10);
}
.light .fashion-blog__area {
  background-color: var(--white);
}
.fashion__innerblogdetails {
  background-color: var(--black-10);
}
.light .fashion__innerblogdetails {
  background-color: var(--white);
}

.line-5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #34302E 0%, rgba(51, 51, 55, 0) 82.15%);
}
.line-5.line-2 {
  left: 325px;
}
.line-5.line-3 {
  left: 644px;
}
.line-5.line-4 {
  left: auto;
  right: 245px;
}
.line-5.line-6 {
  left: auto;
  z-index: 9;
  right: 0;
}

.margin_style_1 {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 300px;
  height: auto;
  top: 280px;
  left: 0;
}
@media only screen and (max-width: 1199px) {
  .margin_style_1 {
    width: 260px;
    top: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .margin_style_1 {
    top: 160px;
    width: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .margin_style_1 {
    top: 140px;
    width: 170px;
  }
}
.margin_style_2 {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 400px;
  height: 560px;
  top: 50px;
  right: 0;
  z-index: 50;
}
@media only screen and (max-width: 1919px) {
  .margin_style_2 {
    width: 340px;
    height: 480px;
    right: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .margin_style_2 {
    width: 320px;
    height: 460px;
    top: 90px;
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .margin_style_2 {
    width: 280px;
    height: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .margin_style_2 {
    top: 100px;
    width: 200px;
    height: 260px;
  }
}
.margin_style_2 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thumb_shape_5 {
  position: absolute;
  z-index: 2;
  left: -40px;
  top: -40px;
}

.row.custom-sm-reverse:nth-child(even) {
  flex-direction: row;
}

.fashion__work-hover .fashion__work-content img {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(40px) rotate(30deg);
}
.dir-rtl .fashion__work-hover .fashion__work-content img {
  transform: translateY(40px) rotate(210deg);
}
@media only screen and (max-width: 1199px) {
  .fashion__work-hover .fashion__work-content img {
    opacity: 1;
    visibility: visible;
    transform: translateY(30px) rotate(0);
  }
}
.fashion__work-hover .fashion__work-name,
.fashion__work-hover .fashion__work-title {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(40px);
}
@media only screen and (max-width: 1199px) {
  .fashion__work-hover .fashion__work-name,
  .fashion__work-hover .fashion__work-title {
    opacity: 1;
    visibility: visible;
  }
}
.fashion__work-hover:hover .fashion__work-content img {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) rotate(0);
}
.dir-rtl .fashion__work-hover:hover .fashion__work-content img {
  transform: translateY(0) rotate(240deg);
}
.fashion__work-hover:hover .fashion__work-name,
.fashion__work-hover:hover .fashion__work-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.fashion__work-hover:hover .fashion__work-title {
  transition-delay: 0.12s;
}
.fashion__work-hover:hover .fashion__work-name {
  transition-delay: 0.1s;
}

/*
    FASHION INNER SASS
*/
.fashion__abouthero {
  background-color: var(--black-10);
}
.light .fashion__abouthero {
  background-color: var(--white);
}
.fashion__abouthero .subscribe-circle-2 {
  background-color: var(--black-2);
}
.fashion__abouthero .subscribe-circle-2 span::after {
  border: 1px dashed var(--white);
}
.fashion__abouthero .subscribe-circle-2 span {
  color: var(--white);
}
.fashion__abouthero-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .fashion__abouthero-wrapper {
    grid-template-columns: 0.5fr 0.5fr;
    gap: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__abouthero-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__abouthero-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.fashion__abouthero-left {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .fashion__abouthero-left {
    max-width: 250px;
  }
}
.fashion__abouthero-left img {
  height: 750px;
  width: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 275px;
}
@media only screen and (max-width: 1199px) {
  .fashion__abouthero-left img {
    width: 100%;
    height: auto;
  }
}
.fashion__abouthero-right {
  padding-left: 90px;
}
@media only screen and (max-width: 1199px) {
  .fashion__abouthero-right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__abouthero-right {
    padding-left: 0;
  }
}
.fashion__abouthero-circle {
  position: absolute;
  top: 130px;
  right: 30px;
  z-index: 3;
}
@media only screen and (max-width: 1399px) {
  .fashion__abouthero-circle {
    right: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .fashion__abouthero-circle {
    top: 50px;
    right: -50px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__abouthero-circle {
    top: 0;
    right: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__abouthero-circle {
    top: -30px;
    right: -60px;
  }
}
.fashion__abouthero-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  padding-bottom: 25px;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .fashion__abouthero-title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__abouthero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__abouthero-title {
    font-size: 50px;
  }
}
.light .fashion__abouthero-title {
  color: var(--black-2);
}
.fashion__abouthero-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.fashion__aboutAim {
  background-color: var(--black-10);
}
.light .fashion__aboutAim {
  background-color: var(--white);
}
.fashion-aboutBrand__area {
  background-color: var(--black-10);
}
.light .fashion-aboutBrand__area {
  background-color: var(--white);
}
.fashion-aboutBrand__inner {
  max-width: 1390px;
  margin: auto;
  padding: 32px 15px;
  margin-bottom: 1px;
  border-top: 1px solid var(--gray-13);
  border-bottom: 1px solid var(--gray-13);
}
.fashion-aboutBrand__inner .brand__logo img {
  max-width: 180px;
}
@media only screen and (max-width: 1199px) {
  .fashion-aboutBrand__inner .brand__logo img {
    max-width: 120px;
  }
}
.fashion__abouthow {
  background-color: var(--black-10);
}
@media only screen and (max-width: 767px) {
  .fashion__abouthow .dancer__abouthow-ititle {
    font-size: 30px;
  }
}
.light .fashion__abouthow {
  background-color: var(--white);
}
.fashion__aboutExpose {
  background-color: var(--black-2);
}
.fashion__aboutExpose .dancer__aboutExpose {
  background-color: transparent;
}
.light .fashion__aboutExpose .dancer__aboutExpose {
  background-color: transparent;
}
.fashion__aboutExpose-item img {
  max-width: 100%;
}
.fashion__aboutnominated {
  background-color: var(--black-10);
}
.light .fashion__aboutnominated {
  background-color: var(--white);
}
.fashion__aboutgallary {
  padding-left: 40px;
  background-color: var(--black-10);
}
.light .fashion__aboutgallary {
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .fashion__aboutgallary {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.fashion__aboutgallary.dark-aboutgallary {
  background-color: var(--black-2);
}
.fashion__aboutgallary-grid {
  max-width: 1920px;
  margin: auto;
  display: grid;
  gap: 120px;
  grid-template-columns: 0.8fr 1.45fr 1.2fr 0.6fr;
}
@media only screen and (max-width: 1700px) {
  .fashion__aboutgallary-grid {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__aboutgallary-grid {
    gap: 15px;
    align-items: center;
    grid-template-columns: 1fr 1fr;
  }
}
.fashion__aboutgallary-grid .fashion-gallery {
  width: 100%;
}
.fashion__aboutgallary-grid .fashion-gallery:nth-child(1) {
  margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(1) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(1) {
    margin-top: 0;
  }
}
.fashion__aboutgallary-grid .fashion-gallery:nth-child(2) {
  margin-top: 180px;
}
@media only screen and (max-width: 1199px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(2) {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(2) {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(2) {
    margin-top: 0;
  }
}
.fashion__aboutgallary-grid .fashion-gallery:nth-child(4) {
  margin-top: 140px;
}
@media only screen and (max-width: 1199px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(4) {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(4) {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__aboutgallary-grid .fashion-gallery:nth-child(4) {
    margin-top: 0;
  }
}
.fashion__aboutoverlay {
  background-image: url("../imgs/inner/fashion/overlay.jpg");
  background-size: cover;
  padding: 160px 0;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .fashion__aboutoverlay {
    padding: 100px 0;
  }
}
.fashion__aboutoverlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(64, 44, 15, 0.42);
}
.fashion__aboutoverlay-wrapper {
  text-align: center;
}
.fashion__aboutoverlay-title {
  font-weight: 400;
  font-size: 100px;
  line-height: 1;
  color: var(--white);
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .fashion__aboutoverlay-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .fashion__aboutoverlay-title {
    font-size: 60px;
  }
}
.light .fashion__aboutoverlay-title {
  color: var(--white);
}
.fashion__servicehero {
  background-color: var(--black-2);
}
.light .fashion__servicehero {
  background-color: var(--white);
}
.fashion__servicehero-thumb img {
  width: 740px;
  height: 350px;
  border-radius: 193px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .fashion__servicehero-thumb img {
    height: auto;
  }
}
.fashion__innerservice {
  background-color: var(--black-2);
}
.light .fashion__innerservice {
  background-color: var(--white);
}
.fashion__innerwork {
  background: var(--white) !important;
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .fashion__innerwork {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .fashion__classDetailHero {
    padding-top: 120px;
  }
}
.fashion__classDetailHero .dancer__classDetailHero-list {
  font-family: "newYork";
}
.fashion__portfolio-hero {
  background-color: var(--black-10);
}
.light .fashion__portfolio-hero {
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .fashion__portfolio-hero .photographer__portfolio-diswrap {
    padding-top: 25px;
  }
}

.fashion-portf-detail .photographertwo__hero-title {
  text-transform: unset;
}

.light .fashion__about,
.light .fashion__hero {
  background-color: var(--white);
}
.light .fashion__aboutExpose {
  background-color: #F2EDE1;
}
.light .light .fashion__aboutExpose .dancer__aboutExpose {
  background-color: var(--black-10);
}
.light .fashion__work,
.light .fashion__aboutgallary.dark-aboutgallary {
  background-color: var(--white);
}
.light .fashion__service {
  padding-bottom: 150px;
  background-color: var(--white);
}
.light .fashion__nominated {
  background-color: var(--white);
}
.light .fashion__contact {
  background-color: var(--white);
}
.light .fashion__footer {
  background-color: var(--white-2);
}
.light .service_header {
  border-color: rgba(227, 227, 227, 0.5);
}
.light .fashion__title {
  color: var(--black-2);
}
.light .fashion__title2 {
  color: var(--black-2);
}
.light .fashion__content span {
  color: var(--black-2);
}
.light .fashion__content img {
  filter: invert(0.9);
}
.light .fashion__about-title {
  color: var(--black-2);
}
.light .fashion__about-content {
  border-top: 1px solid rgba(227, 227, 227, 0.5);
  border-bottom: 1px solid rgba(227, 227, 227, 0.5);
}
.light .fashion__work-htitle {
  color: var(--black-2);
}
.light .fashion__work-dis::before {
  background-color: var(--black-2);
}
.light .fashion__service-title {
  color: var(--black-2);
}
.light .fashion__service-header span {
  color: var(--black-2);
}
.light .fashion__service-header a {
  color: var(--black-2);
}
.light .fashion__service-header a:hover {
  color: var(--primary);
}
.light .fashion__video-dis {
  color: var(--white);
}
.light .fashion__nominated-title {
  color: var(--black-2);
}
.light .fashion__nominated-title2 {
  color: var(--black-2);
}
.light .fashion__nominated-thumb img {
  filter: brightness(0);
}
.light .fashion__contact-header {
  border-bottom: 1px solid rgba(63, 58, 54, 0.1294117647);
}
.light .fashion__contact-header span {
  color: var(--black-2);
}
.light .fashion__newsletter form input, .light .fashion__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .light .fashion__newsletter form textarea, .light .fashion__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .light .fashion__newsletter form textarea, .light .fashion__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .fashion__newsletter form textarea {
  color: var(--black-2);
  border-color: rgba(227, 227, 227, 0.5);
}
.light .fashion__footer-social::before {
  background-color: rgba(227, 227, 227, 0.5);
}
.light .fashion__footer-social li a {
  color: var(--black-2);
}
.light .fashion__footer-social li a:hover {
  color: var(--primary);
}
.light .fashion__copyright p a {
  color: var(--black-2);
}
.light .footer__links li a {
  color: var(--black-2);
}
.light .footer__links li a:hover {
  color: var(--primary);
}
.light .play_btn_5 {
  border: 1px solid var(--black-2);
}
.light .line-5 {
  background: linear-gradient(180deg, #dddddd 0%, rgba(51, 51, 55, 0) 82.15%);
}
.light.fashion__innerservice {
  background: var(--white);
}

.radius-175 {
  border-radius: 175px;
}

/*
    MARKETER TEMPLATE COMMON STYLES
*/
.circle-pagination-style {
  display: flex;
  gap: 18px;
  align-items: center;
}
.circle-pagination-style li {
  color: var(--white);
}
.light .circle-pagination-style li {
  color: var(--black-2);
}
.circle-pagination-style li a {
  background-color: var(--black-4);
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}
.light .circle-pagination-style li a {
  background-color: var(--white-2);
}
.circle-pagination-style li a:hover {
  color: var(--orange);
  border: 1px solid var(--orange);
}

.header__nav-3 {
  flex: 3;
  text-align: right;
  padding-right: 70px;
}
@media only screen and (max-width: 1199px) {
  .header__nav-3 {
    display: none;
  }
}

.marketer-menu ul {
  justify-content: flex-end;
}
.marketer-menu ul li a {
  font-size: 18px;
}

/*
    MARKETER MAIN STYLES
*/
.marketer {
  /*
      MARKETER HERO AREA SASS 
  */
  /*
      MARKETER TEXTSLIDER AREA SASS
  */
  /*
      MARKETER WORK AREA SASS
  */
  /*
      MARKETER EXPERTISE AREA SASS
  */
  /*
      MARKETER EXPERIENCE AREA SASS
  */
  /*
      MARKETER TESTIMONIAL AREA SASS
  */
  /*
      MARKETER BLOG AREA SASS
  */
  /*
      MARKETER NOTIFICATION AREA SASS
  */
  /*
      MARKETER EXPERIENCE AREA SASS
  */
  /*
      MARKETER FOOTER AREA SASS
  */
}
.marketer__header {
  padding: 0 50px;
}
@media only screen and (max-width: 1199px) {
  .marketer__header {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__header {
    padding: 15px;
  }
}
.marketer__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .marketer__header-inner {
    align-items: flex-start;
  }
}
.marketer__header-logo img {
  max-height: 40px;
}
.marketer__hero {
  padding: 50px 0;
  padding-top: 140px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .marketer__hero {
    padding-top: 125px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__hero {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__hero {
    padding-top: 100px;
  }
}
.marketer__hero .shape {
  position: absolute;
  bottom: 30px;
  left: 60%;
}
.marketer__hero .shape-2 {
  position: absolute;
  bottom: 31%;
  left: 42%;
}
.marketer__hero-leftthumb {
  position: relative;
}
.marketer__hero-shapeup {
  top: -50px;
  left: -32px;
  transform: rotateX(168deg) rotateY(-164deg);
}
@media only screen and (max-width: 767px) {
  .marketer__hero-shapeup {
    left: 0px;
  }
}
.marketer__hero-subtitle {
  font-size: 28px;
  line-height: 1;
  color: var(--white);
  padding-bottom: 8px;
  font-family: "euclid_Circular_B" !important;
}
@media only screen and (max-width: 767px) {
  .marketer__hero-subtitle {
    font-size: 22px;
  }
}
.marketer__hero-title {
  font-size: 100px;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .marketer__hero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__hero-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__hero-title {
    font-size: 30px;
  }
}
.marketer__hero-dis p {
  font-size: 24px;
}
.marketer__hero-dis p span {
  color: var(--white);
}
.light .marketer__hero-dis p span {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .marketer__hero-dis p {
    font-size: 20px;
  }
}
.marketer__hero-pbt {
  margin: 10px 0 45px 0;
}
.marketer__hero-btn a {
  font-size: 18px;
  color: var(--black-2);
  background-color: var(--orange);
  border-color: var(--orange);
  border-radius: 12px;
}
.marketer__hero-btn a:hover {
  color: var(--black-2);
  border-color: var(--white);
}
.marketer__hero-btn a::before {
  background: var(--white);
}
.marketer__hero-line {
  margin: 60px 0 16px 0;
  color: var(--white);
  display: grid;
  grid-gap: 20px;
  align-items: center;
  grid-template-columns: auto 1fr;
}
@media only screen and (max-width: 1199px) {
  .marketer__hero-line {
    margin: 38px 0 25px 0;
  }
}
.marketer__hero-line span {
  height: 1px;
  width: 80%;
  margin-top: 2px;
  display: inline-block;
  background-color: var(--black-6);
}
@media only screen and (max-width: 767px) {
  .marketer__hero-line span {
    width: 100%;
  }
}
.marketer__hero-tools {
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 80px;
}
@media only screen and (max-width: 991px) {
  .marketer__hero-tools {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__hero-tools {
    flex-wrap: wrap;
  }
}
.marketer__hero-tools img {
  max-width: 130px;
}
@media only screen and (max-width: 767px) {
  .marketer__hero-tools img {
    width: 100px;
  }
}
.marketer__hero-img {
  z-index: 2;
  max-width: 580px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .marketer__hero-img {
    margin-bottom: 50px;
  }
}
.marketer__hero-img img {
  transform: translateY(-40px);
}
.marketer__hero-img-right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .marketer__hero-img-right {
    padding-top: 100px;
  }
}
.marketer__counter-item .count {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 1.1;
  color: var(--orange);
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .marketer__counter-item .count {
    font-size: 55px;
  }
}
.marketer__counter-item .text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.marketer__about {
  position: relative;
  padding-top: 130px;
}
@media only screen and (max-width: 1199px) {
  .marketer__about {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about {
    padding-top: 0;
  }
}
.marketer__about .sec-title-3 {
  max-width: 785px;
  padding-bottom: 65px;
}
@media only screen and (max-width: 1199px) {
  .marketer__about .sec-title-3 {
    max-width: 560px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__about .sec-title-3 {
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about .sec-title-3 {
    padding-bottom: 30px;
  }
}
.marketer__about-shape1 {
  position: absolute;
  right: 0;
  top: -50%;
  z-index: 0;
}
.marketer__about-left {
  text-align: right;
  position: relative;
  padding-right: 110px;
  padding-top: 50px;
  display: grid;
  gap: 60px;
}
@media only screen and (max-width: 1199px) {
  .marketer__about-left {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about-left {
    padding-bottom: 30px;
  }
  .marketer__about-left br {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__about-left {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about-left {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 40px;
    text-align: left;
  }
}
.marketer__about-left::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--black-6);
}
@media only screen and (max-width: 767px) {
  .marketer__about-left::after {
    display: none;
  }
}
.marketer__about-right {
  padding-left: 85px;
  padding-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .marketer__about-right {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__about-right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about-right {
    padding-top: 0;
  }
}
.marketer__about-right p {
  font-size: 24px;
  line-height: 1.4;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .marketer__about-right p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__about-right p {
    font-size: 18px;
    text-indent: 30px;
  }
}
.marketer__about-textindent p {
  text-indent: 55px;
}
.marketer__about-btnwrapper {
  margin-top: 20px;
}
.marketer__about-btnwrapper .wc-btn-underline {
  font-size: 24px;
  font-weight: 500;
}
.marketer__about-btnwrapper .wc-btn-underline i {
  font-size: 18px;
}
.marketer__textslider-area {
  position: relative;
  padding-bottom: 240px;
}
@media only screen and (max-width: 1199px) {
  .marketer__textslider-area {
    padding-bottom: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__textslider-area {
    padding-bottom: 50px;
  }
}
.marketer__textslider-waveline {
  position: absolute;
  bottom: 160px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .marketer__textslider-waveline {
    bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__textslider-waveline {
    display: none;
  }
}
.marketer__textslider .text-slide-content {
  margin-right: 60px;
}
@media only screen and (max-width: 991px) {
  .marketer__textslider .text-slide-content {
    margin-right: 30px;
  }
}
.marketer__textslider .title {
  font-size: 250px;
  color: var(--white);
}
@media only screen and (max-width: 1700px) {
  .marketer__textslider .title {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__textslider .title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__textslider .title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__textslider .title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__work {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__work {
    padding-bottom: 60px;
  }
}
.marketer__work .section_wrapper {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .marketer__work .section_wrapper {
    padding-bottom: 50px;
  }
}
.marketer__work-flex {
  grid-gap: 60px;
  display: grid;
  align-items: self-start;
  justify-content: space-between;
  grid-template-columns: auto auto;
}
@media only screen and (max-width: 991px) {
  .marketer__work-flex {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__work-flex {
    grid-gap: 30px;
    grid-template-columns: 1fr;
  }
}
.marketer__work-workdetails {
  max-width: 330px;
  margin-left: auto;
  margin-top: 130px;
}
@media only screen and (max-width: 767px) {
  .marketer__work-workdetails {
    margin-top: 0;
    margin-left: unset;
  }
}
.marketer__work-workdetails p {
  font-size: 24px;
  color: var(--black-9);
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .marketer__work-workdetails p {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
.marketer__work-item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.marketer__work-item:nth-child(2) {
  transform: translateY(190px);
}
@media only screen and (max-width: 991px) {
  .marketer__work-item:nth-child(2) {
    transform: translateY(110px);
  }
}
@media only screen and (max-width: 767px) {
  .marketer__work-item:nth-child(2) {
    transform: unset;
  }
}
.marketer__work-item:nth-child(3) {
  z-index: 1;
  transform: translate(300px, -150px);
}
.dir-rtl .marketer__work-item:nth-child(3) {
  transform: translate(-300px, -150px);
}
@media only screen and (max-width: 1399px) {
  .marketer__work-item:nth-child(3) {
    transform: translate(220px, -150px);
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__work-item:nth-child(3) {
    transform: translate(90px, -150px);
  }
}
@media only screen and (max-width: 991px) {
  .marketer__work-item:nth-child(3) {
    transform: unset;
  }
}
.marketer__work-item a {
  display: block;
  overflow: hidden;
}
.marketer__work-thumb img {
  max-width: 100%;
}
.marketer__work-content {
  color: var(--white);
  position: absolute;
  inset-inline-start: 40px;
  bottom: 40px;
  z-index: 9;
  transition: 0.3s;
}
@media only screen and (max-width: 1199px) {
  .marketer__work-content {
    left: 15px;
  }
}
.marketer__work-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 10px;
}
.light .marketer__work-title {
  color: var(--white);
}
.marketer__work-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
  display: inline-block;
}
.marketer__work-date {
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
}
.marketer__expertise {
  padding-bottom: 200px;
  background-color: var(--black-3);
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise {
    padding-bottom: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__expertise {
    padding-bottom: 60px;
  }
}
.marketer__expertise-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .marketer__expertise-grid {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .marketer__expertise-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.marketer__expertise-item {
  background: linear-gradient(180deg, #262629 0%, rgba(38, 38, 41, 0) 100%);
  border-radius: 30px;
  transition: 0.3s linear;
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise-item {
    background-color: var(--black-5);
  }
}
.marketer__expertise-item:nth-child(even) {
  transform: translateY(70px);
}
@media only screen and (max-width: 991px) {
  .marketer__expertise-item:nth-child(even) {
    transform: unset;
  }
}
.marketer__expertise-item:hover {
  background-color: var(--black-5);
}
.marketer__expertise-content {
  padding: 50px 40px;
}
@media only screen and (max-width: 1399px) {
  .marketer__expertise-content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise-content {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__expertise-content {
    padding: 40px 30px;
  }
}
.marketer__expertise-heading {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise-heading {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__expertise-heading {
    padding-bottom: 30px;
  }
}
.marketer__expertise-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__expertise-title {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__expertise-dis {
    padding-top: 30px;
  }
}
.marketer__expertise-dis p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .marketer__expertise-dis p {
    font-size: 20px;
  }
}
.marketer__expertise-bthumb {
  margin-bottom: 75px;
}
@media only screen and (max-width: 1199px) {
  .marketer__expertise-bthumb {
    margin-bottom: 30px;
  }
}
.marketer__expertise-footer p {
  color: var(--black-9);
  font-size: 16px;
  font-weight: 400;
}
.marketer__expertise-swrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .marketer__expertise-swrapper {
    flex-wrap: wrap;
  }
}
.marketer__education-wrapper .marketer__experience-wtitle {
  padding-left: 90px;
}
@media only screen and (max-width: 991px) {
  .marketer__education-wrapper .marketer__experience-wtitle {
    padding-left: 0;
  }
}
.marketer__title-mb {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .marketer__title-mb {
    margin-bottom: 50px;
  }
}
.marketer__expmain_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .marketer__expmain_wrap {
    grid-template-columns: 1fr;
  }
}
.marketer__experience-wtitle {
  color: var(--white);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .marketer__experience-wtitle {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.marketer__experience-items {
  display: grid;
  grid-gap: 55px 0;
  padding: 50px 0;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--black-6);
  border-bottom: 1px solid var(--black-6);
}
@media only screen and (max-width: 991px) {
  .marketer__experience-items {
    border-bottom: 0;
    grid-gap: 40px 0;
    padding: 30px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__experience-items {
    grid-template-columns: auto;
  }
}
.marketer__experience-items.b-left {
  position: relative;
  padding-left: 90px;
  justify-content: space-between;
}
.dir-rtl .marketer__experience-items.b-left {
  padding-right: 50px;
}
@media only screen and (max-width: 1199px) {
  .marketer__experience-items.b-left {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__experience-items.b-left {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.marketer__experience-items.b-left::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--black-6);
}
@media only screen and (max-width: 991px) {
  .marketer__experience-items.b-left::before {
    display: none;
  }
}
.marketer__experience-item.pl-40 {
  padding: 40px;
}
@media only screen and (max-width: 1199px) {
  .marketer__experience-item.pl-40 {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__experience-item.pl-40 {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__experience-item.pl-40 {
    padding-bottom: 0;
  }
}
.marketer__experience-thumb {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.marketer__experience-thumb img {
  margin-right: 15px;
}
.marketer__experience-thumb span {
  color: var(--black-9);
}
.marketer__experience-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--white);
  margin-bottom: 6px;
}
@media only screen and (max-width: 1199px) {
  .marketer__experience-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__experience-title {
    font-size: 20px;
  }
}
.marketer__skill-wrap {
  max-width: 500px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1399px) {
  .marketer__skill-wrap {
    max-width: 460px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__skill-wrap {
    max-width: 380px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__skill-wrap {
    max-width: 100%;
  }
}
.marketer__testimonial {
  background-color: var(--black-3);
}
.marketer__testimonial .sec-title-3-pb {
  padding-bottom: 60px;
}
.marketer__testimonial-item {
  padding: 60px 40px;
  border-radius: 25px;
  background-color: var(--black-4);
}
@media only screen and (max-width: 767px) {
  .marketer__testimonial-item {
    padding: 30px;
  }
}
.marketer__testimonial-thumb {
  margin-bottom: 38px;
}
.marketer__testimonial-thumb img {
  width: 50px;
}
.marketer__testimonial-dis {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 22px;
}
@media only screen and (max-width: 1399px) {
  .marketer__testimonial-dis {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__testimonial-dis {
    font-size: 18px;
  }
}
.marketer__testimonial-name {
  font-size: 24px;
  line-height: 1.5;
  color: var(--white);
  font-family: "Lora", serif;
}
.marketer__testimonial-position {
  font-size: 14px;
  color: var(--black-9);
  font-weight: 500;
}
.marketer__testimonial-wrapper {
  position: relative;
}
.marketer__testimonial-wrapper .swiper-pagination-current, .marketer__testimonial-wrapper .swiper-pagination-total {
  position: relative;
  padding: 0 7px;
}
.marketer__testimonial-wrapper .swiper-pagination-current::before, .marketer__testimonial-wrapper .swiper-pagination-total::before {
  content: "0";
  position: absolute;
  left: -5px;
}
.marketer__testimonial-wrapper .swiper-pagination-total {
  padding: 0 22px;
}
.marketer__testimonial-wrapper .swiper-pagination-total::before {
  content: "0";
  position: absolute;
  left: 10px;
}
.marketer__testimonial-wrapper .swiper-pagination span {
  color: var(--white);
}
.marketer__testimonial-wrapper .testimonial_4 {
  padding-bottom: 100px;
}
.marketer__testimonial-wrapper .dash {
  width: 100px;
  height: 1px;
  margin-bottom: 5px;
  display: inline-block;
  background: var(--white);
}
.marketer__blog .sec-title-pb {
  padding-bottom: 60px;
}
.marketer__blog-grid {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .marketer__blog-grid {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__blog-grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__blog-grid {
    grid-gap: 70px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .marketer__blog-grid {
    grid-gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.marketer__blog-thumb {
  overflow: hidden;
  margin-bottom: 25px;
  transition: all 0.5s;
}
.marketer__blog-thumb img {
  width: 100%;
  transition: all 0.5s;
}
.marketer__blog-meta {
  display: inline-block;
  padding-bottom: 10px;
}
.marketer__blog-meta a:hover {
  color: var(--primary);
}
.marketer__blog-meta a,
.marketer__blog-meta span {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: var(--gray-4);
  text-transform: capitalize;
}
.marketer__blog-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--white);
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .marketer__blog-title {
    font-size: 20px;
  }
}
.marketer__blog-title:hover {
  color: var(--primary);
}
.marketer__notification-wrapper {
  background-color: var(--orange);
  padding: 45px 80px;
  border-radius: 40px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .marketer__notification-wrapper {
    padding: 40px 60px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__notification-wrapper {
    padding: 40px 35px;
  }
}
.marketer__notification-grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 2fr 1.3fr;
}
@media only screen and (max-width: 767px) {
  .marketer__notification-grid {
    grid-template-columns: 1fr;
  }
}
.marketer__notification-sh1 {
  position: absolute;
  left: 385px;
  top: 0;
  z-index: -2;
}
@media only screen and (max-width: 767px) {
  .marketer__notification-sh1 {
    display: none;
  }
}
.marketer__notification-sh2 {
  position: absolute;
  left: auto;
  right: 480px;
  bottom: 0;
  z-index: 0;
}
.marketer__notification-sh3 {
  position: absolute;
  right: 140px;
  bottom: 60px;
  z-index: 0;
}
.marketer__notification-left {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .marketer__notification-left {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.marketer__notification-content {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1399px) {
  .marketer__notification-thumb {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__notification-thumb {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__notification-thumb img {
    max-width: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__notification-thumb img {
    max-width: 70px;
  }
}
.marketer__notification-title {
  font-size: 50px;
  line-height: 1.1;
  font-weight: 600;
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .marketer__notification-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .marketer__notification-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__notification-title {
    font-size: 32px;
  }
}
.marketer__notification-right p {
  color: var(--black-2);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .marketer__notification-right p {
    font-size: 17px;
  }
}
.marketer__notification-right a {
  font-size: 18px;
  color: var(--white);
  background-color: var(--black-2);
  border-radius: 15px;
}
.marketer__notification-right a:hover {
  color: var(--black-2);
}
.light .marketer__notification-right a:hover {
  color: var(--black-2);
}
.marketer__notification-right a:before {
  border-radius: 12px;
  background-color: var(--white);
}
.marketer__notification-btn {
  display: inline-block;
  padding: 15px 30px;
  background-color: var(--black-2);
  border-radius: 15px;
  color: var(--white);
}
.marketer__notification-btn img {
  padding-left: 10px;
}
.marketer__skill-award {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .marketer__skill-award {
    grid-template-columns: 1fr;
  }
}
.marketer__award-wrap {
  max-width: 550px;
  margin-left: auto;
}
@media only screen and (max-width: 991px) {
  .marketer__award-wrap {
    max-width: 100%;
    margin-left: unset;
  }
}
.marketer__award-container {
  position: relative;
  width: 550px;
}
@media only screen and (max-width: 1199px) {
  .marketer__award-container {
    width: 460px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__award-container {
    width: 100%;
  }
}
.marketer__award-container::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--black-6);
}
@media only screen and (max-width: 991px) {
  .marketer__award-container::before {
    display: none;
  }
}
.marketer__award-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background-color: var(--black-6);
}
@media only screen and (max-width: 991px) {
  .marketer__award-container::after {
    display: none;
  }
}
.marketer__award-items {
  display: grid;
  grid-gap: 100px;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .marketer__award-items {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__award-items {
    justify-content: unset;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__award-items {
    grid-gap: 40px 20px;
  }
}
.marketer__award-thumb {
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .marketer__award-thumb {
    margin-bottom: 20px;
  }
}
.marketer__award-content span {
  color: var(--black-9);
  text-transform: capitalize;
}
.marketer__award-awtitle {
  color: var(--white);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .marketer__award-awtitle {
    font-size: 17px;
  }
}
.marketer__footer {
  background-color: var(--black-3);
}
.marketer__footer-logo {
  max-width: 70px;
}
.marketer__footer-info {
  display: flex;
  gap: 140px;
  justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .marketer__footer-info {
    gap: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer__footer-info {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .marketer__footer-info {
    gap: 40px;
    text-align: center;
    flex-direction: column;
  }
}
.marketer__footer-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 10px;
  text-transform: uppercase;
}
.marketer__footer-link {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
}
.light .marketer__footer-link {
  color: var(--black-2);
}
.marketer__footer-link:hover {
  color: var(--primary);
}

/*
    MARKETER INNER STYLES
*/
@media only screen and (max-width: 767px) {
  .marketer-inab__area {
    padding-top: 50px;
  }
}
.marketer-inab__area-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-left: 90px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inab__area-wrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inab__area-wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inab__area-text-item {
    order: 2;
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inab__area-item {
    order: 1;
  }
}
.marketer-inab__area-title {
  font-size: 80px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inab__area-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inab__area-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inab__area-title {
    font-size: 35px;
  }
}
.marketer-inab__area-text {
  max-width: 300px;
}
.marketer-inab__area-text p {
  color: var(--black-9);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.41;
  text-indent: 50px;
  margin-bottom: 20px;
}
.marketer-inab__area-text p span {
  color: var(--white);
  font-weight: 500;
}
.marketer-inab__area-btn-wrap .wc-btn-underline {
  font-size: 18px;
  font-weight: 500;
}
.marketer-inab__area-sm-thumb {
  max-width: 250px;
  margin-left: -30px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inab__area-sm-thumb {
    margin-left: 0;
  }
}
.marketer-inab__area-sm-thumb img {
  width: 100%;
}
.marketer-process__area {
  padding-top: 120px;
  padding-bottom: 130px;
  background-color: var(--black-3);
}
.light .marketer-process__area {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .marketer-process__area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.marketer-process__area-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 1199px) {
  .marketer-process__area-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .marketer-process__area-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .marketer-process__area-items {
    grid-template-columns: 1fr;
  }
}
.marketer-process__area-item {
  border-radius: 0px 157.5px 157.5px 157.5px;
  background: linear-gradient(180deg, var(--black-4) 0%, rgba(38, 38, 41, 0) 100%);
  padding: 45px 40px;
  max-width: 315px;
}
.light .marketer-process__area-item {
  background: linear-gradient(180deg, var(--white) 0%, var(--white-2) 100%);
}
.marketer-process__area-item:nth-child(even) {
  border-radius: 157.5px 157.5px 157.5px 0px;
  background: linear-gradient(180deg, rgba(38, 38, 41, 0) 0%, var(--black-4) 100%);
  margin-top: 70px;
}
.light .marketer-process__area-item:nth-child(even) {
  background: linear-gradient(180deg, var(--white-2) 0%, var(--white) 100%);
}
@media only screen and (max-width: 1199px) {
  .marketer-process__area-item:nth-child(even) {
    margin-top: 0;
  }
}
.marketer-process__area-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}
.marketer-process__area-icon {
  padding-top: 70px;
}
.marketer__testimonial {
  background-color: var(--black-3);
}
.light .marketer__testimonial {
  background-color: var(--white-2);
}
.marketer-inc__area {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .marketer-inc__area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.marketer-inc__area-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inc__area-wrapper {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inc__area-wrapper {
    grid-template-columns: 1fr;
  }
}
.marketer-inc__area-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-title {
    font-size: 36px;
  }
}
.marketer-inc__area-form-title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inc__area-form-title {
    font-size: 30px;
  }
}
.marketer-inc__area-text {
  margin-bottom: 40px;
}
.marketer-inc__area-text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--white);
}
.light .marketer-inc__area-text p {
  color: var(--black-2);
}
.marketer-inc__area-info li {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.marketer-inc__area-info li span {
  display: block;
  color: var(--white);
}
.light .marketer-inc__area-info li span {
  color: var(--black-2);
}
.marketer-inc__area-info li a {
  color: var(--white);
}
.light .marketer-inc__area-info li a {
  color: var(--black-2);
}
.marketer-inc__area-form {
  background-color: var(--black-4);
  max-width: 480px;
  padding: 60px 50px;
}
.light .marketer-inc__area-form {
  background-color: var(--white-3);
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-form {
    padding: 45px 20px;
    order: 1;
  }
}
.marketer-inc__area-form .joya__contact-formfield {
  margin-bottom: 50px;
}
.marketer-inc__area-form .joya__contact-formfield input,
.marketer-inc__area-form .joya__contact-formfield textarea {
  background-color: transparent;
  transition: 0.3s;
  color: var(--white);
  border: 0;
  border-bottom: 1px solid var(--black-9);
  width: 100%;
}
.light .marketer-inc__area-form .joya__contact-formfield input,
.light .marketer-inc__area-form .joya__contact-formfield textarea {
  color: var(--black-2);
}
.marketer-inc__area-form .joya__contact-formfield input::-moz-placeholder, .marketer-inc__area-form .joya__contact-formfield textarea::-moz-placeholder {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.38;
}
.marketer-inc__area-form .joya__contact-formfield input::placeholder,
.marketer-inc__area-form .joya__contact-formfield textarea::placeholder {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.38;
}
.marketer-inc__area-form .joya__contact-formfield input:focus,
.marketer-inc__area-form .joya__contact-formfield textarea:focus {
  border-bottom: 1px solid var(--white);
}
.marketer-inc__area-form .joya__contact-formfield input:focus::-moz-placeholder, .marketer-inc__area-form .joya__contact-formfield textarea:focus::-moz-placeholder {
  color: var(--white);
}
.marketer-inc__area-form .joya__contact-formfield input:focus::placeholder,
.marketer-inc__area-form .joya__contact-formfield textarea:focus::placeholder {
  color: var(--white);
}
.marketer-inc__area-form .joya__contact-formfield textarea {
  height: 95px;
  resize: none;
  outline: 0;
}
.marketer-inc__area-form .joya__contact-checkbox label {
  color: var(--black-9);
}
.marketer-inc__area-form .joya__contact-checkbox label::before {
  filter: brightness(100);
}
.marketer-inc__area-form .joya__contact-checkbox input, .marketer-inc__area-form .joya__contact-checkbox .cf-details-comment__field textarea, .cf-details-comment__field .marketer-inc__area-form .joya__contact-checkbox textarea, .marketer-inc__area-form .joya__contact-checkbox .dt-inap__appointment textarea, .dt-inap__appointment .marketer-inc__area-form .joya__contact-checkbox textarea, .marketer-inc__area-form .joya__contact-checkbox .elc-inbd-comment__field textarea, .elc-inbd-comment__field .marketer-inc__area-form .joya__contact-checkbox textarea {
  border: 1px solid var(--black-9);
}
.marketer-inc__area-form-wrap {
  display: grid;
  grid-template-columns: 60px 1fr;
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-form-wrap {
    grid-template-columns: 1fr;
  }
}
.marketer-inc__area-social-wrap {
  margin-top: 60px;
  margin-bottom: 60px;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.light .marketer-inc__area-social-wrap {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-social-wrap {
    margin-top: 0;
    margin-bottom: 0;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-social-icons {
    display: flex;
    gap: 10px;
  }
}
.marketer-inc__area-social-icons li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .marketer-inc__area-social-icons li {
    margin-bottom: 0;
  }
}
.marketer-inc__area-social-icons li a {
  font-size: 18px;
}
.marketer-inc__area-social-icons li a:hover {
  color: var(--orange);
}
.marketer-inc__area-btn-wrap {
  padding-top: 60px;
}
.marketer-inc__area-btn-wrap .wc-btn-primary {
  background-color: transparent;
  border-radius: 15px;
  border: 1px solid var(--black-9);
  color: var(--black-9);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  padding: 15px 35px;
}
.dir-rtl .marketer-inc__area-btn-wrap .wc-btn-primary {
  flex-direction: row-reverse;
}
.marketer-inc__area-btn-wrap .wc-btn-primary:hover {
  color: var(--black-2);
  background-color: var(--white);
  border-color: transparent;
}
.light .marketer-inc__area-btn-wrap .wc-btn-primary:hover {
  background-color: var(--black-2);
  color: var(--white);
}
.marketer-inp__project {
  padding-top: 100px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 991px) {
  .marketer-inp__project {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inp__project {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.marketer-inp__project-title {
  text-align: center;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.16;
}
@media only screen and (max-width: 1199px) {
  .marketer-inp__project-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inp__project-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inp__project-title {
    font-size: 40px;
  }
}
.marketer-inp__project-feature-img {
  margin-top: 120px;
  margin-bottom: 130px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .marketer-inp__project-feature-img {
    margin-top: 70px;
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inp__project-feature-img {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.marketer-inp__project-feature-img img {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  height: 120%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.marketer-inp__project-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .marketer-inp__project-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inp__project-items {
    grid-template-columns: 1fr;
  }
}
.marketer-inpd__project {
  padding-top: 120px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inpd__project {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inpd__project {
    padding-top: 50px;
  }
}
.marketer-inpd__project-meta {
  display: flex;
  justify-content: center;
  gap: 35px;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .marketer-inpd__project-meta {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
  }
}
.marketer-inpd__project-meta li {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.marketer-inpd__project-feature-img {
  padding-top: 80px;
}
.marketer-inpd__project-title-2 {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
  .marketer-inpd__project-title-2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inpd__project-title-2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.marketer-inpd__project-title-3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}
.marketer-inpd__project-wrap {
  padding-top: 100px;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: 0.75fr 1fr;
}
@media only screen and (max-width: 991px) {
  .marketer-inpd__project-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inpd__project-wrap {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }
}
.marketer-inpd__project-content p {
  color: var(--black-9);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.41;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .marketer-inpd__project-content p {
    font-size: 16px;
  }
}
.marketer-ins__area {
  padding-top: 90px;
}
@media only screen and (max-width: 991px) {
  .marketer-ins__area {
    padding-bottom: 50px;
  }
}
.marketer-ins__area-service-items {
  padding-top: 110px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .marketer-ins__area-service-items {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-ins__area-service-items {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.marketer-ins__testimonial {
  background-color: var(--black-3);
}
.light .marketer-ins__testimonial {
  background-color: var(--white-2);
}
.marketer-insd__area {
  padding-top: 140px;
  padding-bottom: 110px;
}
@media only screen and (max-width: 991px) {
  .marketer-insd__area {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.marketer-insd__area-sec-title {
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .marketer-insd__area-btn-wrapper {
    padding-top: 30px;
  }
}
.marketer-insd__area-btn-wrapper .circle-text {
  background-color: transparent;
}
.dir-rtl .marketer-insd__area-btn-wrapper .circle-text .icon {
  inset-inline-start: unset;
  inset-inline-end: 50%;
}
.marketer-insd__area-lg-thumb {
  margin-top: 75px;
  margin-bottom: 75px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.marketer-insd__area-lg-thumb img {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  height: 120%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.marketer-insd__area-short-text p {
  color: var(--black-9);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.41;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .marketer-insd__area-short-text p {
    font-size: 17px;
  }
}
.marketer-insd__area-top-text p {
  font-size: 18px;
}
.marketer-insd__counter {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1199px) {
  .marketer-insd__counter {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-insd__counter {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-insd__counter {
    padding-bottom: 50px;
  }
}
.marketer-insd__gallary-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.marketer-inbd__area.sfluence-inbd__area {
  padding-top: 150px;
}
@media only screen and (max-width: 1199px) {
  .marketer-inbd__area.sfluence-inbd__area {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .marketer-inbd__area.sfluence-inbd__area {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .marketer-inbd__area.sfluence-inbd__area {
    padding-top: 50px;
  }
}

.light.marketer__expertise, .light.marketer__testimonial {
  background-color: var(--white-2);
}
.light .marketer__hero-line span, .light .marketer__about-left::after {
  background-color: var(--black-9);
}
.light .marketer__hero-shape2, .light .marketer__hero-shape3, .light .marketer__hero-shape6, .light .marketer__hero-shape9 {
  filter: invert(0.8);
}
.light .marketer__work-date {
  color: var(--white);
}
.light .marketer__expertise-dis p, .light .marketer__award-content span, .light .marketer__testimonial-position, .light .marketer__work-workdetails p, .light .marketer__expertise-footer p {
  color: var(--gray);
}
.light .marketer__expertise-item {
  background: linear-gradient(180deg, var(--white-3) 0%, rgba(255, 255, 255, 0) 100%);
}
.light .marketer__expertise-item:hover {
  background-color: var(--white-3);
}
.light .marketer__experience-items {
  border-color: var(--black-9);
}
.light .marketer__experience-items.b-left::before {
  background-color: var(--black-9);
}
.light .marketer__testimonial-item {
  background-color: var(--white-4);
}
.light .marketer__testimonial-wrapper .swiper-pagination span {
  color: var(--black-2);
}
.light .marketer__testimonial-wrapper .dash {
  background: var(--black-2);
}

.marketer__work-hover .marketer__work-title,
.marketer__work-hover .marketer__work-name,
.marketer__work-hover .marketer__work-date {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateY(50px);
}
@media only screen and (max-width: 1199px) {
  .marketer__work-hover .marketer__work-title,
  .marketer__work-hover .marketer__work-name,
  .marketer__work-hover .marketer__work-date {
    opacity: 1;
    visibility: visible;
    transform: unset;
  }
}
.marketer__work-hover:hover .marketer__work-title,
.marketer__work-hover:hover .marketer__work-name,
.marketer__work-hover:hover .marketer__work-date {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.marketer__work-hover:hover .marketer__work-name {
  transition-delay: 0.05s;
}
.marketer__work-hover:hover .marketer__work-date {
  transition-delay: 0.08s;
}

.light .body-contentwriter {
  background-color: #F6F3F0;
}

.contentwriter {
  /*
      CONTENTWRITE HEADER AREA SASS
  */
  /*
      CONTENTWRITE HERO AREA SASS
  */
  /*
      CONTENTWRITE TEXTSLIDER AREA SASS
  */
  /*
      CONTENTWRITE TESTIMONIAL AREA SASS
  */
  /*
      CONTENTWRITE RECENT ARTICLE AREA SASS
  */
  /*
      CONTENTWRITE EXPERT AREA SASS
  */
  /*
      CONTENTWRITE VIDEO AREA SASS
  */
  /*
      CONTENTWRITE EXPERT AREA SASS
  */
  /*
      CONTENTWRITE ABOUT AREA SASS
  */
  /*
      CONTENTWRITE BRAND AREA SASS
  */
  /*
      CONTENTWRITE NEWSLETTER AREA SASS
  */
  /*
      CONTENTWRITE FOOTER AREA SASS
  */
}
.contentwriter__bg {
  background-color: var(--black-2);
}
.contentwriter__header {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.light .contentwriter__header-nav button img {
  filter: brightness(0);
}
.contentwriter__hero {
  padding-top: 95px;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__hero {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__hero {
    padding-top: 60px;
  }
}
.contentwriter__hero-content {
  position: relative;
}
.contentwriter__hero-title {
  font-weight: 400;
  font-size: 220px;
  line-height: 0.75;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__hero-title {
    font-size: 180px;
  }
}
@media only screen and (max-width: 1399px) {
  .contentwriter__hero-title {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__hero-title {
    font-size: 140px;
    line-height: 0.8;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__hero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__hero-title {
    font-size: 50px;
    line-height: 1;
  }
}
.contentwriter__hero-title img {
  max-width: 250px;
  margin-top: -50px;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__hero-title img {
    max-width: 160px;
    margin-top: -35px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__hero-title img {
    max-width: 100px;
    margin-top: 0;
  }
}
.contentwriter__hero-text p {
  max-width: 255px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  position: absolute;
  right: 155px;
  top: 25px;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__hero-text p {
    top: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__hero-text p {
    right: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__hero-text p {
    position: static;
    padding-top: 30px;
  }
}
.contentwriter__hero-sm3 {
  padding-left: 80px;
}
@media only screen and (max-width: 991px) {
  .contentwriter__hero-sm3 {
    padding-left: 0;
  }
}
.contentwriter__textslider .title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.light .contentwriter__textslider img {
  filter: brightness(0);
}
.contentwriter__textslider .text-slide-content {
  gap: 30px;
  margin-right: 10px;
}
.contentwriter__textslider-area {
  border-top: 1px solid var(--white);
}
.light .contentwriter__textslider-area {
  border-color: var(--black-2);
}
.contentwriter__testimonial-wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1.5fr 2fr 0.9fr;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__testimonial-wrapper {
    grid-template-columns: auto 260px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-wrapper {
    grid-template-columns: 1fr;
  }
}
.contentwriter__testimonial-item {
  border: 1px solid var(--white);
  border-left: 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-item {
    border: 1px solid var(--white);
    border-bottom: 0;
  }
}
.light .contentwriter__testimonial-item {
  border-color: var(--black-2);
}
.contentwriter__testimonial-item:first-child::before {
  display: none;
}
.contentwriter__testimonial-item:first-child::after {
  display: none;
}
.contentwriter__testimonial-item:last-of-type::before {
  display: none;
}
.contentwriter__testimonial-item:last-of-type .contentwriter__testimonial-icon::before {
  display: none;
}
.contentwriter__testimonial-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-item::before {
    display: none;
  }
}
.light .contentwriter__testimonial-item::before {
  filter: invert(1);
}
.contentwriter__testimonial-item::before:first-child {
  display: none;
}
.contentwriter__testimonial-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-item::after {
    display: none;
  }
}
.light .contentwriter__testimonial-item::after {
  filter: invert(1);
}
.contentwriter__testimonial-item .swiper-button-disabled img {
  opacity: 0.5;
}
.contentwriter__testimonial-content {
  max-width: 410px;
  margin: auto;
  margin-bottom: 70px;
  padding-top: 70px;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__testimonial-content {
    padding-top: 50px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__testimonial-content {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-content {
    padding: 30px 20px;
    margin-bottom: 0;
  }
}
.contentwriter__testimonial-title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__testimonial-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1399px) {
  .contentwriter__testimonial-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__testimonial-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__testimonial-title {
    font-size: 30px;
  }
}
.contentwriter__testimonial-dis p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--black-9);
  margin-bottom: 30px;
  text-indent: 80px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-dis p {
    text-indent: 30px;
  }
}
.light .contentwriter__testimonial-dis p {
  color: var(--gray-10);
}
.contentwriter__testimonial-name {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--white);
  font-family: var(--font_bentham);
  display: block;
  padding-left: 80px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-name {
    padding-left: 30px;
  }
}
.light .contentwriter__testimonial-name {
  color: var(--black-2);
}
.contentwriter__testimonial-post {
  font-size: 14px;
  line-height: 1.7;
  color: var(--black-9);
  padding-left: 80px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-post {
    padding-left: 30px;
  }
}
.light .contentwriter__testimonial-post {
  color: var(--gray-10);
}
.contentwriter__testimonial-lef0 {
  padding-left: 100px;
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-lef0 img {
    max-width: 40px;
  }
}
@media only screen and (max-width: 1700px) {
  .contentwriter__testimonial-lef0 {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__testimonial-lef0 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__testimonial-lef0 {
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.contentwriter__testimonial-left2 {
  padding: 70px 80px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__testimonial-left2 {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__testimonial-left2 {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__testimonial-left2 {
    padding: 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .contentwriter__testimonial-left2 {
    padding: 60px 40px;
  }
}
.contentwriter__testimonial-navigation {
  position: relative;
  display: grid;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-navigation {
    display: none;
  }
}
.contentwriter__testimonial-navigation::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  background-color: var(--white);
  left: 0;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-navigation::before {
    display: none;
  }
}
.light .contentwriter__testimonial-navigation::before {
  background-color: var(--black-2);
}
.contentwriter__testimonial-navigation .arrow-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.contentwriter__testimonial-navigation .arrow-icon:hover {
  background-color: var(--white);
}
.contentwriter__testimonial-navigation .arrow-icon:hover img {
  filter: invert(1);
}
.light .contentwriter__testimonial-navigation .arrow-icon:hover {
  background-color: var(--black-2);
}
.contentwriter__testimonial-up {
  height: 100%;
  display: flex;
}
.contentwriter__testimonial-bottom {
  height: 100%;
  display: flex;
}
.contentwriter__testimonial-icon:first-of-type::after {
  display: none;
}
.contentwriter__testimonial-icon::before {
  position: absolute;
  content: "";
  bottom: -9px;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9999;
}
@media only screen and (max-width: 991px) {
  .contentwriter__testimonial-icon::before {
    display: none;
  }
}
.light .contentwriter__testimonial-icon::before {
  filter: invert(1);
}
.contentwriter__testimonial-icon::after {
  position: absolute;
  content: "";
  bottom: -9px;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector-2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.contentwriter__testimonial-icontwo {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .contentwriter__testimonial-icontwo {
    display: none;
  }
}
.contentwriter__testimonial-icontwo::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -9px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  margin-top: -9px;
}
.light .contentwriter__testimonial-icontwo::before {
  filter: invert(1);
}
.contentwriter__testimonial-icontwo::after {
  position: absolute;
  content: "";
  bottom: -9px;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector-2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.light .contentwriter__testimonial-icontwo::after {
  filter: invert(1);
}
.contentwriter__recent {
  overflow: hidden;
  border-bottom: 1px solid var(--white);
}
.light .contentwriter__recent {
  border-color: var(--black-2);
}
.contentwriter__recent-stitle {
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .contentwriter__recent-stitle {
    font-size: 40px;
  }
}
.contentwriter__recent-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 1199px) {
  .contentwriter__recent-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__recent-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__recent-wrapper {
    grid-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.contentwriter__recent-item {
  padding: 40px;
  position: relative;
  border-top: 1px solid var(--white);
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}
.light .contentwriter__recent-item {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .contentwriter__recent-item {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__recent-item {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__recent-item {
    border: 0;
    padding: 15px;
  }
}
.contentwriter__recent-item:first-of-type::after {
  display: none;
}
.contentwriter__recent-item:last-of-type::before {
  display: none;
}
.contentwriter__recent-item:last-of-type .contentwriter__testimonial-icon::before {
  display: none;
}
.contentwriter__recent-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contentwriter__recent-item::before {
    display: none;
  }
}
.contentwriter__recent-item::before:first-child {
  display: none;
}
.contentwriter__recent-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .contentwriter__recent-item::after {
    display: none;
  }
}
.light .contentwriter__recent-item::after {
  filter: invert(1);
}
.contentwriter__recent-item-thumb {
  overflow: hidden;
  margin-bottom: 20px;
}
.contentwriter__recent-item-thumb img {
  width: 100%;
}
.contentwriter__recent-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: var(--black-9);
  display: block;
  margin-bottom: 10px;
}
.light .contentwriter__recent-subtitle {
  color: var(--gray-10);
}
.contentwriter__recent-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 0.9;
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__recent-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__recent-title {
    line-height: 1.2;
  }
}
.contentwriter__recent-title:hover {
  color: var(--primary);
}
.contentwriter__recent-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: var(--black-9);
}
.light .contentwriter__recent-date {
  color: var(--gray-10);
}
.contentwriter__recent-browse {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: var(--white);
  display: inline-block;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
.contentwriter__recent-browse:hover {
  color: var(--primary);
}
.light .contentwriter__recent-browse {
  color: var(--black-2);
}
.light .contentwriter__recent-browse:hover {
  color: var(--primary);
}
.contentwriter__expert {
  overflow: hidden;
}
.contentwriter__expert-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-wrapper {
    grid-template-columns: auto;
  }
}
.contentwriter__expert-wrapper3 {
  border-bottom: 1px solid var(--white);
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-wrapper3 {
    border: 0;
  }
}
.light .contentwriter__expert-wrapper3 {
  border-color: var(--black-2);
}
.contentwriter__expert-item {
  border-right: 1px solid var(--white);
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: relative;
}
.light .contentwriter__expert-item {
  border-color: var(--black-2);
}
.contentwriter__expert-item.expert2 {
  border-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item {
    border-top: 0;
    border-left: 1px solid var(--white);
    border: 0;
  }
}
.contentwriter__expert-item:first-of-type {
  padding-left: 90px;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-item:first-of-type {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item:first-of-type {
    padding-left: 15px;
    padding-bottom: 0;
    padding-top: 40px;
  }
}
.contentwriter__expert-item:first-of-type::after {
  display: none;
}
.contentwriter__expert-item:last-of-type {
  padding-right: 90px;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-item:last-of-type {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__expert-item:last-of-type {
    border-right: 1px solid var(--white) !important;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item:last-of-type {
    border-right: 0 !important;
    padding-left: 15px;
    padding-top: 10px;
  }
}
.contentwriter__expert-item:last-of-type::before {
  display: none;
}
.contentwriter__expert-item:last-of-type .contentwriter__testimonial-icon::before {
  display: none;
}
.contentwriter__expert-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .contentwriter__expert-item::before {
    display: none;
  }
}
.contentwriter__expert-item::before:first-child {
  display: none;
}
.contentwriter__expert-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item::after {
    display: none;
  }
}
.light .contentwriter__expert-item::after {
  filter: invert(1);
}
.contentwriter__expert-title {
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__expert-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__expert-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-title {
    font-size: 40px;
  }
}
.contentwriter__expert-text p {
  font-size: 18px;
  color: var(--black-9);
  margin-left: auto;
  max-width: 515px;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-text p {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-text p {
    padding-left: 0;
  }
}
.light .contentwriter__expert-text p {
  color: var(--gray);
}
.contentwriter__contentwriter-video {
  overflow: hidden;
}
.contentwriter__contentwriter-video iframe {
  max-width: 100%;
  height: 100%;
}
.contentwriter__expert-wrapper2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-wrapper2 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__expert-wrapper2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-wrapper2 {
    grid-template-columns: auto;
  }
}
.contentwriter__expert-item {
  padding: 70px;
  padding-top: 130px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__expert-item {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-item {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item {
    padding: 30px;
  }
}
.contentwriter__expert-item.expert2 {
  padding: 80px 70px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__expert-item.expert2 {
    padding: 60px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__expert-item.expert2 {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__expert-item.expert2 {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .contentwriter__expert-item.expert2 {
    padding: 60px 40px;
  }
}
.contentwriter__expert-item.expert2 .title {
  transition: all 0.3s;
}
.contentwriter__expert-item.expert2:hover a .title {
  color: var(--primary);
}
.contentwriter__expert-item.expert2 .contentwriter__expert-ititle {
  text-transform: uppercase;
  transition: all 0.3s;
}
.contentwriter__expert-item.expert2 .contentwriter__expert-ititle:hover {
  color: var(--primary);
}
.contentwriter__about {
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .contentwriter__about {
    border-top: 1px solid var(--white);
  }
  .light .contentwriter__about {
    border-color: var(--black-2);
  }
}
.light .contentwriter__about {
  background-color: var(--pink-10);
}
.contentwriter__about-title {
  font-weight: 400;
  font-size: 220px;
  line-height: 0.9;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__about-title {
    font-size: 180px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__about-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__about-title {
    font-size: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__about-title {
    font-size: 40px;
  }
}
.contentwriter__about-dis p {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  color: var(--black-9);
  max-width: 690px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .contentwriter__about-dis p {
    font-size: 18px;
    padding: 0 15px;
  }
}
.light .contentwriter__about-dis p {
  color: var(--gray-10);
}
.contentwriter__about-btn a {
  padding: 20px 50px;
  text-transform: uppercase;
}
.contentwriter__brand {
  overflow: hidden;
}
.contentwriter__brand-left {
  padding: 135px 150px 135px 100px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__brand-left {
    padding: 80px 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__brand-left {
    padding: 60px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__brand-left {
    padding: 60px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-left {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .contentwriter__brand-left {
    padding: 80px 60px;
  }
}
.contentwriter__brand-right {
  min-height: 680px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__brand-right {
    min-height: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-right {
    min-height: auto;
  }
}
.contentwriter__brand-right img {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 125%;
  bottom: 0;
}
.contentwriter__brand-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 991px) {
  .contentwriter__brand-wrapper {
    grid-template-columns: 1fr;
  }
}
.contentwriter__brand-item {
  position: relative;
  border: 1px solid var(--white);
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-item {
    border-left: 1px solid var(--white);
  }
}
.light .contentwriter__brand-item {
  border-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-item:first-of-type {
    border-bottom: 0;
  }
}
.contentwriter__brand-item:first-of-type::before {
  display: none;
}
.contentwriter__brand-item:first-of-type::after {
  display: none;
}
.contentwriter__brand-item:last-of-type {
  border-right: 0;
}
.contentwriter__brand-item:last-of-type::before {
  display: none;
}
.contentwriter__brand-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__brand-item::before {
    display: none;
  }
}
.contentwriter__brand-item::before:first-child {
  display: none;
}
.contentwriter__brand-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__brand-item::after {
    display: none;
  }
}
.light .contentwriter__brand-item::after {
  filter: invert(1);
}
.contentwriter__brand-title {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .contentwriter__brand-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-title {
    font-size: 30px;
  }
}
.contentwriter__brand-logos {
  gap: 60px 90px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__brand-logos {
    gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__brand-logos {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-logos {
    gap: 30px;
  }
}
.contentwriter__brand-logos img {
  max-width: 90px;
  height: auto;
}
.light .contentwriter__brand-logos img {
  filter: brightness(0.1);
}
@media only screen and (max-width: 767px) {
  .contentwriter__brand-logos img {
    max-width: 80px;
  }
}
.contentwriter__newsletter-inner {
  max-width: 690px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contentwriter__newsletter-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contentwriter__newsletter-subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.8;
  color: var(--black-9);
  display: inline-block;
  text-transform: uppercase;
}
.light .contentwriter__newsletter-subtitle {
  color: var(--gray-10);
}
.contentwriter__newsletter-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .contentwriter__newsletter-title {
    font-size: 30px;
  }
}
.contentwriter__newsletter form {
  position: relative;
}
.contentwriter__newsletter form input, .contentwriter__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .contentwriter__newsletter form textarea, .contentwriter__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .contentwriter__newsletter form textarea, .contentwriter__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .contentwriter__newsletter form textarea {
  width: 100%;
  height: 75px;
  padding: 0 30px;
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  padding-right: 184px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__newsletter form input, .contentwriter__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .contentwriter__newsletter form textarea, .contentwriter__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .contentwriter__newsletter form textarea, .contentwriter__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .contentwriter__newsletter form textarea {
    padding: 0 15px;
    height: 66px;
  }
}
.light .contentwriter__newsletter form input, .light .contentwriter__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .light .contentwriter__newsletter form textarea, .light .contentwriter__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .light .contentwriter__newsletter form textarea, .light .contentwriter__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .contentwriter__newsletter form textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.contentwriter__newsletter form input::-moz-placeholder, .contentwriter__newsletter form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .contentwriter__newsletter form textarea::-moz-placeholder, .contentwriter__newsletter form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .contentwriter__newsletter form textarea::-moz-placeholder, .contentwriter__newsletter form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .contentwriter__newsletter form textarea::-moz-placeholder {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.contentwriter__newsletter form input::placeholder, .contentwriter__newsletter form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .contentwriter__newsletter form textarea::placeholder, .contentwriter__newsletter form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .contentwriter__newsletter form textarea::placeholder, .contentwriter__newsletter form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .contentwriter__newsletter form textarea::placeholder {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.light .contentwriter__newsletter form input::-moz-placeholder, .light .contentwriter__newsletter form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .contentwriter__newsletter form textarea::-moz-placeholder, .light .contentwriter__newsletter form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .contentwriter__newsletter form textarea::-moz-placeholder, .light .contentwriter__newsletter form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .contentwriter__newsletter form textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .contentwriter__newsletter form input::placeholder, .light .contentwriter__newsletter form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .contentwriter__newsletter form textarea::placeholder, .light .contentwriter__newsletter form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .contentwriter__newsletter form textarea::placeholder, .light .contentwriter__newsletter form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .contentwriter__newsletter form textarea::placeholder {
  color: var(--black-2);
}
.contentwriter__newsletter form input:focus, .contentwriter__newsletter form .cf-details-comment__field textarea:focus, .cf-details-comment__field .contentwriter__newsletter form textarea:focus, .contentwriter__newsletter form .dt-inap__appointment textarea:focus, .dt-inap__appointment .contentwriter__newsletter form textarea:focus, .contentwriter__newsletter form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .contentwriter__newsletter form textarea:focus {
  outline: 0;
}
.contentwriter__newsletter-kitebtn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 170px;
  border-left: 1px solid var(--white);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  text-transform: capitalize;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .contentwriter__newsletter-kitebtn {
    position: static;
    border: 1px solid var(--white);
    display: inherit;
    height: 66px;
    margin: auto;
    margin-top: 10px;
  }
}
.light .contentwriter__newsletter-kitebtn {
  color: var(--black-2);
  border-color: var(--black-2);
}
.contentwriter__newsletter-kitebtn:hover {
  background-color: var(--primary);
  color: var(--black);
}
.contentwriter__newsletter-kitebtn img {
  padding-left: 10px;
}
.contentwriter__newsletter-note p {
  color: var(--white);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
.light .contentwriter__newsletter-note p {
  color: var(--black-2);
}
.contentwriter__footer-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-wrapper {
    grid-template-columns: 1fr;
  }
}
.contentwriter__footer-wrapper * {
  color: var(--white);
}
.light .contentwriter__footer-wrapper * {
  color: var(--black-2);
}
.contentwriter__footer-left {
  padding-left: 100px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__footer-left {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__footer-left {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-left {
    padding-left: 0;
  }
}
.contentwriter__footer-left span {
  text-transform: uppercase;
}
.contentwriter__footer-left span a {
  color: var(--white);
  font-weight: 500;
}
.contentwriter__footer-left span a:hover {
  color: var(--primary);
}
.contentwriter__footer-right {
  padding-right: 100px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__footer-right {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__footer-right {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-right {
    padding-right: 0;
  }
}
.contentwriter__footer-item {
  height: 100%;
  position: relative;
  border-right: 1px solid var(--white);
  border-top: 1px solid var(--white);
  padding: 20px 0 16px;
}
.contentwriter__footer-item:last-child {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-item {
    border: 0;
    padding: 0 0 15px;
  }
  .contentwriter__footer-item:first-child {
    order: 3;
    text-align: center;
  }
}
.light .contentwriter__footer-item {
  border-color: var(--black-2);
}
.contentwriter__footer-item:last-child::before {
  display: none;
}
.contentwriter__footer-item::before {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  height: 20px;
  width: 20px;
  background-image: url(../imgs/content-write/Vector.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-item::before {
    display: none;
  }
}
.light .contentwriter__footer-item::before {
  filter: invert(1);
}
.contentwriter__footer-item::before:first-child {
  display: none;
}
.contentwriter__footer-social {
  text-align: center;
}
.contentwriter__footer-social li {
  display: inline-block;
  margin: 0 7px;
}
.contentwriter__footer-social li a {
  color: var(--white);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  text-transform: uppercase;
  transition: all 0.3s;
}
.contentwriter__footer-social li a:hover {
  color: var(--primary);
}
.contentwriter__footer-menu {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .contentwriter__footer-menu {
    text-align: center;
  }
}
.contentwriter__footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
@media only screen and (max-width: 991px) {
  .contentwriter__footer-menu li {
    margin-left: 10px;
  }
}
.contentwriter__footer-menu li a {
  color: var(--white);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  text-transform: uppercase;
  transition: all 0.3s;
}
.contentwriter__footer-menu li a:hover {
  color: var(--primary);
}

.cr-hero__btn .wc-btn-circle {
  background-color: var(--white);
  flex-direction: column;
}
.light .cr-hero__btn .wc-btn-circle {
  color: var(--white);
  background-color: var(--black-2);
}
.light .cr-hero__btn .wc-btn-circle img {
  filter: invert(1);
}

/*
        ONTENT WRITER ABOUT HERO
  */
.contentwriter__contentaboutHero {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__contentaboutHero {
    height: 85vh;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero {
    text-align: center;
  }
}
.contentwriter__contentaboutHero .content-writer-line {
  position: absolute;
  content: "";
  top: 0;
  left: calc(33.33% - 18px);
  height: 100%;
  width: 33px;
  background-image: url(../imgs/content-write/line.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 9;
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero .content-writer-line {
    display: none;
  }
}
.light .contentwriter__contentaboutHero .content-writer-line {
  filter: invert(1);
}
.contentwriter__contentaboutHero .content-writer-line-2 {
  position: absolute;
  content: "";
  top: 0;
  left: calc(66.66% - 18px);
  height: 100%;
  width: 33px;
  background-image: url(../imgs/content-write/line.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 9;
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero .content-writer-line-2 {
    display: none;
  }
}
.light .contentwriter__contentaboutHero .content-writer-line-2 {
  filter: invert(1);
}
.contentwriter__contentaboutHero-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid var(--white);
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-wrapper {
    grid-template-columns: 1fr;
    padding-top: 50px;
  }
}
.light .contentwriter__contentaboutHero-wrapper {
  border-color: var(--black-2);
}
.contentwriter__contentaboutHero-left {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contentwriter__contentaboutHero-mid {
  padding: 50px 20px;
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero-mid {
    padding: 50px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-mid {
    padding-left: 0;
  }
}
.contentwriter__contentaboutHero-right {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-left: 140px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__contentaboutHero-right {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero-right {
    grid-column: 1/-1;
    grid-row: 2;
    padding-left: 0;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-right {
    grid-row: 3;
  }
}
.contentwriter__contentaboutHero-thumb img {
  width: 100%;
}
.contentwriter__contentaboutHero-btn {
  position: absolute;
  top: 140px;
  right: -50px;
  transform: rotate(-45deg);
  z-index: 92;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__contentaboutHero-btn {
    right: -70px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__contentaboutHero-btn {
    right: -50px;
    top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero-btn {
    right: -80px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-btn {
    top: 200px;
    right: 0;
  }
}
.contentwriter__contentaboutHero-title {
  font-weight: 400;
  font-size: 120px;
  line-height: 0.9;
  text-transform: uppercase;
}
@media only screen and (max-width: 1700px) {
  .contentwriter__contentaboutHero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .contentwriter__contentaboutHero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__contentaboutHero-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .contentwriter__contentaboutHero-title {
    font-size: 90px;
  }
}
.contentwriter__contentaboutHero-dis {
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__contentaboutHero-dis {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__contentaboutHero-dis {
    font-size: 30px;
  }
  .contentwriter__contentaboutHero-dis br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-dis {
    font-size: 22px;
  }
}
.contentwriter__contentaboutHero-dis2 p {
  text-indent: 70px;
  font-size: 18px;
  color: var(--white);
}
.light .contentwriter__contentaboutHero-dis2 p {
  color: var(--gray-10);
}
.contentwriter__contentaboutHero-ftitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.contentwriter__contentaboutHero-ftitle::before {
  position: absolute;
  content: "";
  right: -55px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 43px;
  background-color: var(--white);
}
.light .contentwriter__contentaboutHero-ftitle::before {
  background-color: var(--black-2);
}
.contentwriter__contentaboutHero-social {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .contentwriter__contentaboutHero-social {
    justify-content: center;
  }
}
.contentwriter__contentaboutHero-social li a {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
  display: block;
  padding: 8px 10px;
  border: 1px solid var(--white);
  border-radius: 12.5px;
  transition: all 0.5s;
}
.contentwriter__contentaboutHero-social li a:hover {
  color: var(--black-2);
  border-color: var(--primary);
  background-color: var(--primary);
}
.light .contentwriter__contentaboutHero-social li a {
  color: var(--gray-10);
  border-color: var(--gray-10);
}
.light .contentwriter__contentaboutHero-social li a:hover {
  color: var(--white);
  border-color: var(--primary);
  background-color: var(--primary);
}
@media only screen and (max-width: 991px) {
  .contentwriter__innerservice {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__innerservice {
    padding-top: 80px;
  }
}
.contentwriter__innerservice-item {
  max-width: 516px;
  margin-left: 800px;
}
@media only screen and (max-width: 1919px) {
  .contentwriter__innerservice-item {
    margin-left: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .contentwriter__innerservice-item {
    margin-left: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__innerservice-item {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__innerservice-item {
    margin-left: 0;
  }
}
.contentwriter__innerservice-servicedis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-top: 10px;
}
.light .contentwriter__innerservice-servicedis p {
  color: var(--gray-10);
}
.contentwriter__innerabout {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contentwriter__innerabout {
    border-top: 1px solid var(--white);
  }
  .light .contentwriter__innerabout {
    border-color: var(--black-2);
  }
}
.contentwriter__innerabout-title {
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .contentwriter__innerabout-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__innerabout-title {
    font-size: 30px;
  }
}
.contentwriter__innercontact-wrapper {
  max-width: 1070px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__innercontact-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__innercontact-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.contentwriter__innercontact-fieldwrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .contentwriter__innercontact-fieldwrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.contentwriter__innercontact-msgarea {
  padding-bottom: 30px;
}
.contentwriter__innercontact-msgarea label {
  color: var(--white);
  text-transform: capitalize;
  display: block;
  padding-bottom: 5px;
}
.light .contentwriter__innercontact-msgarea label {
  color: var(--gray-10);
}
.contentwriter__innercontact-msgarea textarea {
  height: 120px;
  width: 100%;
  padding: 15px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  color: var(--white);
  outline: 0;
}
.light .contentwriter__innercontact-msgarea textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.contentwriter__innercontact-title {
  font-weight: 400;
  font-size: 72px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .contentwriter__innercontact-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__innercontact-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contentwriter__innercontact-title {
    font-size: 45px;
  }
}
.contentwriter__innercontact-dis p {
  font-size: 18px;
  color: var(--white);
}
.light .contentwriter__innercontact-dis p {
  color: var(--gray-10);
}
.contentwriter__innercontact-field {
  padding-bottom: 20px;
}
.contentwriter__innercontact-field label {
  color: var(--white);
  text-transform: capitalize;
  display: block;
  padding-bottom: 10px;
}
.light .contentwriter__innercontact-field label {
  color: var(--gray-10);
}
.contentwriter__innercontact-field input, .contentwriter__innercontact-field .cf-details-comment__field textarea, .cf-details-comment__field .contentwriter__innercontact-field textarea, .contentwriter__innercontact-field .dt-inap__appointment textarea, .dt-inap__appointment .contentwriter__innercontact-field textarea, .contentwriter__innercontact-field .elc-inbd-comment__field textarea, .elc-inbd-comment__field .contentwriter__innercontact-field textarea {
  width: 100%;
  padding: 0 15px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  color: var(--white);
  height: 60px;
}
.light .contentwriter__innercontact-field input, .light .contentwriter__innercontact-field .cf-details-comment__field textarea, .cf-details-comment__field .light .contentwriter__innercontact-field textarea, .light .contentwriter__innercontact-field .dt-inap__appointment textarea, .dt-inap__appointment .light .contentwriter__innercontact-field textarea, .light .contentwriter__innercontact-field .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .contentwriter__innercontact-field textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.contentwriter__innercontact-field input:focus, .contentwriter__innercontact-field .cf-details-comment__field textarea:focus, .cf-details-comment__field .contentwriter__innercontact-field textarea:focus, .contentwriter__innercontact-field .dt-inap__appointment textarea:focus, .dt-inap__appointment .contentwriter__innercontact-field textarea:focus, .contentwriter__innercontact-field .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .contentwriter__innercontact-field textarea:focus {
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .contentwriter__submit {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .contentwriter__expert-wrapper3 {
    padding-left: 20px;
  }
}
.contentwriter__expert-item.expert2:last-of-type {
  display: block;
}

.overflow-visible {
  overflow: visible !important;
}

.light.contentwriter__textslider {
  border-top: 1px solid var(--black-2);
}
.light.contentwriter__textslider .title {
  color: var(--black-2);
}
.light.contentwriter__testimonial {
  padding-bottom: 140px;
  margin-bottom: 0;
}
.light.contentwriter__newsletter form input, .light.contentwriter__newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .light.contentwriter__newsletter form textarea, .light.contentwriter__newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .light.contentwriter__newsletter form textarea, .light.contentwriter__newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light.contentwriter__newsletter form textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light.contentwriter__newsletter form input::-moz-placeholder, .light.contentwriter__newsletter form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light.contentwriter__newsletter form textarea::-moz-placeholder, .light.contentwriter__newsletter form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light.contentwriter__newsletter form textarea::-moz-placeholder, .light.contentwriter__newsletter form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light.contentwriter__newsletter form textarea::-moz-placeholder {
  color: var(--black-2);
}
.light.contentwriter__newsletter form input::placeholder, .light.contentwriter__newsletter form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light.contentwriter__newsletter form textarea::placeholder, .light.contentwriter__newsletter form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light.contentwriter__newsletter form textarea::placeholder, .light.contentwriter__newsletter form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light.contentwriter__newsletter form textarea::placeholder {
  color: var(--black-2);
}

/*
    ARTIST TEMPLATE COMMON STYLES
*/
.artist-container {
  max-width: 1408px;
}

/*
    ARTIST TEMPLATE MAIN STYLES
*/
.artist__heading {
  padding: 15px 100px 0;
  text-align: center;
  padding-top: 70px;
}
.light .artist__heading {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 1919px) {
  .artist__heading {
    padding: 15px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .artist__heading {
    padding: 15px;
  }
}
.artist__heading-title {
  font-size: 500px;
  font-weight: 600;
  color: var(--white-10);
  line-height: 0.86;
  pointer-events: none;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) {
  .box-layout .artist__heading-title {
    font-size: 400px;
  }
}
@media only screen and (max-width: 1700px) {
  .artist__heading-title {
    font-size: 360px;
  }
}
@media only screen and (max-width: 1199px) {
  .artist__heading-title {
    font-size: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__heading-title {
    font-size: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__heading-title {
    font-size: 80px;
  }
}
.artist__heading-title-2 {
  color: var(--white-10);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 320px;
  line-height: 1.1;
}
@media only screen and (min-width: 1600px) {
  .box-layout .artist__heading-title-2 {
    font-size: 260px;
  }
}
@media only screen and (max-width: 1700px) {
  .artist__heading-title-2 {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .artist__heading-title-2 {
    font-size: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__heading-title-2 {
    font-size: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__heading-title-2 {
    font-size: 60px;
  }
}
.artist__heading-title-2 span {
  font-family: "RomanStory", serif;
  margin-inline-start: -55px;
}
@media only screen and (max-width: 1199px) {
  .artist__heading-title-2 span {
    margin-inline-start: 0;
  }
}
.artist__mobile-menu {
  text-align: center;
  padding: 30px 0;
  display: none;
}
.light .artist__mobile-menu {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 767px) {
  .artist__mobile-menu {
    display: block;
  }
}
.light .artist__mobile-menu button img {
  filter: brightness(0);
}
.artist__artwork-wrap {
  text-align: center;
  padding: 35px 100px 10px;
}
.light .artist__artwork-wrap {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 1919px) {
  .artist__artwork-wrap {
    padding: 35px 30px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__artwork-wrap {
    padding: 35px 15px;
  }
}
.artist__header-menu {
  padding: 5px 100px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.artist__header-menu.inner-menu {
  padding-top: 50px;
}
.light .artist__header-menu.inner-menu {
  background-color: transparent;
}
.light .artist__header-menu {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 1919px) {
  .artist__header-menu {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__header-menu {
    display: none;
  }
}
.artist__header-menu nav {
  display: block !important;
}
.artist__header-menu li a {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--white-10);
  text-transform: uppercase;
  padding: 0 20px;
  transition: all 0.3s;
}
.artist__header-menu li a:hover {
  color: var(--primary);
}
.artist__showcase {
  text-align: center;
  position: relative;
}
.light .artist__showcase {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 767px) {
  .artist__showcase.pt-140 {
    padding-top: 30px;
  }
}
.artist__showcase-arrow {
  position: absolute;
  inset-inline-start: 358px;
  top: 105px;
}
.light .artist__showcase-arrow {
  filter: brightness(0);
}
.dir-rtl .artist__showcase-arrow {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1199px) {
  .artist__showcase-arrow {
    inset-inline-start: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__showcase-arrow {
    display: none;
  }
}
.artist__showcase-content {
  margin-bottom: 180px;
}
@media only screen and (max-width: 767px) {
  .artist__showcase-content {
    margin-bottom: 30px;
  }
}
.artist__showcase-namewrapper {
  margin-bottom: 8px;
}
.artist__showcase-name {
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  color: var(--white-10);
  display: block;
  text-transform: uppercase;
}
.artist__showcase-name span {
  font-weight: 400;
  font-family: "RomanStory", serif;
}
@media only screen and (max-width: 767px) {
  .artist__showcase-name {
    font-size: 30px;
  }
}
.artist__showcase-dis p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--black-9);
}
.light .artist__showcase-dis p {
  color: var(--gray-10);
}
@media only screen and (max-width: 767px) {
  .artist__showcase-dis p {
    font-size: 16px;
  }
}
.artist__showcase-thumb {
  margin-bottom: 140px;
}
@media only screen and (max-width: 1199px) {
  .artist__showcase-thumb {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__showcase-thumb {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__showcase-thumb {
    margin-bottom: 60px;
  }
}
.artist__showcase-thumb img {
  border-radius: 315px;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .artist__showcase-thumb img {
    max-width: 50%;
  }
}
.artist__showcase-bottom {
  padding: 0 15px;
  max-width: 1070px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .artist__showcase-bottom {
    max-width: 900px;
  }
}
.artist__showcase-titlewrapper {
  margin-bottom: 25px;
}
.artist__showcase-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 0.9;
  color: var(--white-10);
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .artist__showcase-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__showcase-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__showcase-title {
    font-size: 40px;
    line-height: 1;
  }
}
.artist__showcase-title span {
  font-family: "RomanStory", serif;
  font-weight: 300;
}
.artist__showcase-dis2 p {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 65px;
}
@media only screen and (max-width: 1199px) {
  .artist__showcase-dis2 p {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__showcase-dis2 p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__showcase-dis2 p br {
    display: none;
  }
}
.artist__showcase-btn a {
  color: var(--black-9);
}
.artist__section {
  padding: 0 100px;
}
.light .artist__section {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 1919px) {
  .artist__section {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__section {
    padding: 0 15px;
  }
}
.artist__section-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black-9);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--black-6);
  display: block;
  text-transform: uppercase;
}
.artist__gallary {
  padding: 0 100px;
  padding-bottom: 140px;
  background-color: var(--black-2);
}
.light .artist__gallary {
  background-color: #F0EEEB;
}
@media only screen and (max-width: 1919px) {
  .artist__gallary {
    padding: 0 30px 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .artist__gallary {
    padding: 0 30px 100px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__gallary {
    padding: 0 30px 90px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__gallary {
    padding: 0 15px 60px;
  }
}
.artist__gallary-detail {
  gap: 15px;
  display: flex;
  justify-content: space-between;
  max-width: 310px;
}
.artist__gallary-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid var(--white-10);
  background-color: var(--black-2);
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.light .artist__gallary-content {
  border-color: var(--black-2);
  background-color: #F0EEEB;
}
@media only screen and (max-width: 767px) {
  .artist__gallary-content {
    grid-gap: 10px;
    grid-template-columns: auto auto auto;
  }
}
.artist__gallary-content span {
  color: var(--black-9);
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
}
.artist__gallary-content span:last-child {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .artist__gallary-content span:last-child {
    text-align: start;
  }
}
.artist__gallary-thumb {
  position: relative;
  cursor: none;
}
.artist__gallary-thumb:hover .fashion__work-cursor {
  opacity: 1;
  visibility: visible;
}
.artist__gallary-thumb img {
  width: 100%;
}
.artist__exhibition {
  position: relative;
  background-color: var(--black-2);
}
.light .artist__exhibition {
  background-color: #F0EEEB;
}
.artist__exhibition-wrapper {
  display: grid;
  grid-gap: 80px;
  grid-template-columns: 0.7fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .artist__exhibition-wrapper {
    grid-gap: 60px;
    grid-template-columns: 1fr;
  }
}
.artist__exhibition-wrapper .wc-btn-underline {
  font-size: 16px;
  color: var(--white-10);
}
.light .artist__exhibition-wrapper .wc-btn-underline {
  color: var(--black-2);
}
.dir-rtl .artist__exhibition-wrapper .wc-btn-underline img {
  transform: rotate(180deg);
}
.light .artist__exhibition-wrapper .wc-btn-underline img {
  filter: brightness(0);
}
.artist__exhibition-titlewrapper {
  margin-bottom: 30px;
}
.artist__exhibition-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  color: var(--white-10);
}
@media only screen and (max-width: 1199px) {
  .artist__exhibition-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-title {
    font-size: 40px;
  }
}
.artist__exhibition-title span {
  font-weight: 300;
  line-height: 0.8;
  font-family: "RomanStory", serif;
}
.artist__exhibition-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: var(--black-9);
  margin-bottom: 55px;
  max-width: 420px;
}
.light .artist__exhibition-dis p {
  color: var(--gray-10);
}
@media only screen and (max-width: 1199px) {
  .artist__exhibition-dis p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-dis p {
    font-size: 16px;
  }
}
.artist__exhibition-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-items {
    padding-top: 10px;
  }
}
.artist__exhibition-items:first-child {
  padding-top: 0;
}
.artist__exhibition-items:first-child .artist__exhibition-item {
  border-inline-end: 0;
}
.artist__exhibition-items:first-child .artist__exhibition-item:nth-child(2), .artist__exhibition-items:first-child .artist__exhibition-item:nth-child(3) {
  padding-inline-start: 40px;
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-items:first-child .artist__exhibition-item:nth-child(2), .artist__exhibition-items:first-child .artist__exhibition-item:nth-child(3) {
    padding-inline-start: 0;
  }
}
.artist__exhibition-items:first-child .artist__exhibition-item p {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.light .artist__exhibition-items:first-child .artist__exhibition-item p {
  color: var(--black-2);
}
.artist__exhibition-items * {
  color: var(--black-9);
}
.artist__exhibition-item {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid var(--black-6);
  border-inline-end: 1px solid var(--black-6);
  padding-bottom: 30px;
}
.artist__exhibition-item:hover .artist__exhibition-thumb {
  opacity: 1;
  visibility: visible;
}
.artist__exhibition-item:last-of-type {
  border-inline-end: 0;
}
@media only screen and (max-width: 1199px) {
  .artist__exhibition-item {
    padding: 10px 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .artist__exhibition-item {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.artist__exhibition-thumb {
  position: absolute;
  inset-inline-start: 0;
  top: -100%;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-left0 {
    font-size: 14px;
    padding-inline-end: 5px;
  }
}
.artist__exhibition-center {
  padding-inline-start: 40px;
  max-width: 140px;
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-center {
    padding-inline-start: 5px;
    max-width: 100%;
    font-size: 14px;
  }
}
.artist__exhibition-exright {
  padding-inline-start: 40px;
}
@media only screen and (max-width: 767px) {
  .artist__exhibition-exright {
    padding-inline-start: 5px;
    font-size: 14px;
  }
}
.artist__award {
  background-color: var(--yellow-light);
  padding-top: 130px;
  padding-bottom: 70px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .artist__award {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__award {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__award {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.artist__award::before {
  content: "";
  position: absolute;
  inset-inline-start: 55%;
  bottom: 0;
  height: 65%;
  width: 1px;
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .artist__award::before {
    display: none;
  }
}
.artist__award-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 1.1;
  color: var(--black-2);
  text-transform: uppercase;
  position: relative;
  max-width: 450px;
}
@media only screen and (max-width: 1199px) {
  .artist__award-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__award-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__award-title {
    font-size: 40px;
  }
}
.artist__award-title span {
  font-family: "RomanStory", serif;
  font-weight: 300;
}
.artist__award-item {
  transform: translate(10px, -80px);
}
@media only screen and (max-width: 1199px) {
  .artist__award-item {
    transform: translate(50px, -55px);
  }
}
@media only screen and (max-width: 991px) {
  .artist__award-item {
    transform: translate(10px, 30px);
  }
}
.dir-rtl .artist__award-item {
  transform: translate(-10px, -80px);
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .artist__award-item {
    transform: translate(-50px, -55px);
  }
}
@media only screen and (max-width: 991px) {
  .dir-rtl .artist__award-item {
    transform: translate(-10px, 30px);
  }
}
.artist__award-item img {
  margin-bottom: 30px;
}
.artist__award-item span {
  color: var(--black-2);
  font-size: 16px;
  font-weight: 500;
}
.artist__award-ititlewrapper {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .artist__award-ititlewrapper {
    margin-bottom: 40px;
  }
}
.artist__award-ititle {
  font-size: 20px;
  font-weight: 500;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .artist__award-ititle {
    margin-bottom: 30px;
  }
}
.artist__award-ititle2 {
  font-size: 20px;
  color: var(--black-2);
  font-weight: 500;
}
.artist__award-btn a {
  border: none;
  background-color: var(--black-2);
}
.light .artist__award-btn a {
  color: var(--white);
}
.artist__award-btn a:hover {
  border: none;
}
.artist__award-right {
  padding-inline-start: 170px;
  padding-top: 210px;
}
@media only screen and (max-width: 1199px) {
  .artist__award-right {
    padding-inline-start: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__award-right {
    padding-inline-start: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__award-right {
    padding-inline-start: 0;
    padding-top: 15px;
  }
}
.artist__award-right p {
  color: var(--black-2);
  max-width: 285px;
  margin-bottom: 60px;
  font-size: 18px;
}
@media only screen and (max-width: 1199px) {
  .artist__award-right p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__award-right p {
    margin-bottom: 30px;
    padding-top: 30px;
    font-size: 16px;
  }
}
.artist__textslider-area {
  padding: 30px 0 20px;
  background-color: var(--white);
}
.artist__textslider .text-slide-content {
  gap: 30px;
  margin-inline-end: 10px;
}
.artist__textslider .title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--black-2);
  font-family: "RomanStory", serif;
  text-transform: uppercase;
}
.light .artist__textslider .title {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .artist__textslider .title {
    font-size: 30px;
  }
}
.artist__profile {
  position: relative;
}
.light .artist__profile {
  border-color: var(--gray-10);
  background-color: #F0EEEB;
}
.artist__profile-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .artist__profile-wrapper {
    display: unset;
  }
}
.artist__profile-content {
  padding-inline-start: 130px;
}
@media only screen and (max-width: 1919px) {
  .artist__profile-content {
    padding-inline-start: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .artist__profile-content {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__profile-content {
    padding-inline-start: 0;
    padding-top: 40px;
  }
}
.artist__profile-thumb img {
  max-width: 100%;
}
.artist__profile-namewrapper {
  margin-bottom: 28px;
}
.artist__profile-name {
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
  color: var(--white-10);
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .artist__profile-name {
    font-size: 45px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .artist__profile-name {
    font-size: 30px;
  }
}
.artist__profile-name span {
  font-family: "RomanStory", serif;
  font-weight: 300;
}
.artist__profile-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: var(--black-9);
  margin-bottom: 50px;
}
.light .artist__profile-dis p {
  color: var(--gray-10);
}
@media only screen and (max-width: 1199px) {
  .artist__profile-dis p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__profile-dis p {
    font-size: 16px;
  }
}
.artist__profile-item {
  display: grid;
  grid-template-columns: 158px 50px auto;
  max-width: 370px;
}
@media only screen and (max-width: 1199px) {
  .artist__profile-item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__profile-item {
    margin-bottom: 7px;
    grid-template-columns: 115px 25px auto;
  }
}
.artist__profile-item span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-9);
}
.artist__profile-item span:last-of-type {
  color: var(--white-10);
}
@media only screen and (max-width: 767px) {
  .artist__profile-item span {
    font-size: 16px;
  }
}
.artist__profile-arrow {
  position: absolute;
  top: 88px;
  inset-inline-end: 150px;
}
.light .artist__profile-arrow {
  filter: brightness(0);
}
.dir-rtl .artist__profile-arrow {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1199px) {
  .artist__profile-arrow {
    top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .artist__profile-arrow {
    inset-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__profile-arrow {
    display: none;
  }
}
.artist__footer {
  padding: 100px 15px;
  text-align: center;
  border-top: 1px solid var(--black-6);
}
.light .artist__footer {
  background-color: var(--yellow-light);
}
@media only screen and (max-width: 1199px) {
  .artist__footer {
    padding: 60px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .artist__footer {
    padding: 40px 15px;
  }
}
.artist__footer-social {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .artist__footer-social {
    margin-bottom: 20px;
  }
}
.artist__footer-social li {
  display: inline-block;
  margin-inline-end: 20px;
}
.artist__footer-social li:last-of-type {
  margin-inline-end: 0;
}
.artist__footer-social li a {
  color: var(--white-10);
  font-size: 25px;
}
@media only screen and (max-width: 767px) {
  .artist__footer-social li a {
    font-size: 20px;
  }
}
.artist__footer-social li a:hover {
  color: var(--black-9);
}
.artist__footer-menu li {
  margin-inline-end: 40px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .artist__footer-menu li {
    margin-inline-end: 8px;
  }
}
.artist__footer-menu li:last-child::before {
  display: none;
}
.artist__footer-menu li::before {
  content: "";
  position: absolute;
  inset-inline-end: -21px;
  top: 5px;
  height: 16px;
  width: 1px;
  background-color: var(--white);
}
.light .artist__footer-menu li::before {
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .artist__footer-menu li::before {
    display: none;
  }
}
.artist__footer-menu li:last-of-type {
  margin-inline-end: 0;
}
.artist__footer-menu li a {
  color: var(--white-10);
  text-transform: uppercase;
  font-size: 14px;
}
.artist__footer-menu li a:hover {
  color: var(--black-9);
}
.artist__copyright {
  padding: 22px 15px;
  text-align: center;
  color: var(--gray);
  background-color: var(--yellow-light);
}
.light .artist__copyright {
  color: var(--gray-4);
  background-color: var(--black-2);
}
.artist__copyright a {
  color: var(--black-2);
}
.light .artist__copyright a {
  color: var(--white);
}
.artist__copyright a:hover {
  color: var(--black-9);
}
.artist_gallar {
  overflow: hidden;
}
.artist__gallary-thumb {
  height: 80vh;
  position: relative;
  overflow: hidden;
}
.artist__gallary-thumb img {
  position: absolute;
  inset-inline-start: 0;
  top: -10%;
  width: 100%;
  max-width: auto;
  height: 110%;
}
@media only screen and (max-width: 1399px) {
  .artist__gallary-thumb img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: -20%;
  }
}

.scroll__image-inner {
  background-position: center center;
  background-size: cover;
  height: calc(100vh - 80px);
  width: 500px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -100px;
}
@media only screen and (max-width: 767px) {
  .scroll__image-inner {
    height: 300px;
    margin-top: 0;
    width: 100% !important;
  }
}
.scroll__image-wrap {
  padding-bottom: 395px;
}

#flex-container {
  display: flex;
  color: var(--white);
}

#flex-container div:nth-child(1) {
  flex: auto;
  height: 50px;
  background-color: var(--black-9);
}
#flex-container div:nth-child(2) {
  flex: 5;
  background-color: orange;
}

/*
    INNER ARTIST TEMPLATE
*/
.artist-inab__intro {
  padding-top: 170px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .artist-inab__intro {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .artist-inab__intro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.artist-inab__intro-wrap {
  max-width: 1380px;
  margin: auto;
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 140px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 991px) {
  .artist-inab__intro-wrap {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.artist-inab__intro-shape {
  padding-bottom: 25px;
  text-align: center;
  max-width: 285px;
}
.artist-inab__intro-content {
  max-width: 285px;
}
.artist-inab__intro-content p {
  text-indent: 50px;
}
.artist-inab__intro-content p span {
  font-weight: 500;
  color: var(--white);
}
.light .artist-inab__intro-content p span {
  color: var(--black-2);
}
.artist-inab__intro-thumb-1 {
  padding-top: 50px;
  max-width: 260px;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .artist-inab__intro-thumb-1 {
    margin-left: 150px;
  }
}
.artist-inab__intro-btn-wrapper {
  position: absolute;
  bottom: 40px;
  inset-inline-start: -70px;
}
.artist-inab__intro-btn-wrapper .circle-text {
  background-color: var(--white);
  border-radius: 140px;
  background: rgba(255, 255, 255, 0.19);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.artist-inab__intro-item-thumb {
  max-width: 500px;
  position: relative;
}
.artist-inab__intro-item-thumb .arrow-left {
  position: absolute;
  right: -300px;
  top: 300px;
}
@media only screen and (max-width: 991px) {
  .artist-inab__intro-item-thumb .arrow-left {
    display: none;
  }
}
.artist-inab__intro-item-thumb img {
  aspect-ratio: 1/1.5;
  -o-object-fit: cover;
     object-fit: cover;
}
.artist-inab__intro-title-wrap {
  position: absolute;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 120px;
  left: calc(100% - 130px);
}
@media only screen and (max-width: 1919px) {
  .artist-inab__intro-title-wrap {
    left: calc(100% - 200px);
  }
}
@media only screen and (max-width: 1199px) {
  .artist-inab__intro-title-wrap {
    left: 0;
  }
}
.artist-inab__intro-title-wrap .elc__works-completed {
  justify-content: end;
}
.artist-inab__intro-title-2 {
  color: var(--white-10);
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--font_primary);
}
@media only screen and (max-width: 991px) {
  .artist-inab__intro-title-2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .artist-inab__intro-title-2 {
    font-size: 50px;
  }
}
.artist-inab__intro-title-2 span {
  font-family: var(--font_romanstory);
  font-weight: 400;
}
.artist-inab__bigthumb {
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 150px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .artist-inab__bigthumb {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .artist-inab__bigthumb {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.artist-inab__bigthumb img {
  width: 100%;
}
.artist-inab__award {
  background-color: transparent;
}
.artist-inab__award .artist__award-title {
  color: var(--white);
}
.light .artist-inab__award .artist__award-title {
  color: var(--black-2);
}
.artist-inab__award .artist__award-ititle {
  color: var(--white);
}
.light .artist-inab__award .artist__award-ititle {
  color: var(--black-2);
}
.artist-inab__award .artist__award-right p {
  color: var(--white);
}
.light .artist-inab__award .artist__award-right p {
  color: var(--black-2);
}
.artist-inab__award .artist__award-btn a {
  border: 1px solid var(--black-9);
}
.artist-inab__instagram {
  padding-top: 70px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .artist-inab__instagram {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
.artist-inab__instagram-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 1199px) {
  .artist-inab__instagram-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist-inab__instagram-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
.artist-inab__instagram-item img {
  width: 100%;
}
.artist-showcase__area {
  padding-top: 160px;
}
@media only screen and (max-width: 991px) {
  .artist-showcase__area {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .artist-showcase__area {
    padding-top: 0;
  }
}
.artist-showcase__area-items {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: 60px;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1199px) {
  .artist-showcase__area-items {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .artist-showcase__area-items {
    grid-template-columns: 1fr;
  }
}
.artist-showcase__area-item {
  padding-top: 120px;
  overflow: hidden;
}
.artist-showcase__area-item img {
  width: 100%;
}
.artist-showcase__area-item-lg {
  position: relative;
  overflow: hidden;
  text-align: end;
}
.artist-showcase__area-item-lg img {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .artist-showcase__area-item-lg img {
    max-width: 500px;
  }
}
.artist-showcase__area-item-lg .title {
  position: absolute;
  left: 0;
  transform: rotate(-90deg);
  transform-origin: left center;
  bottom: 0;
  left: -35px;
  color: var(--white-10);
  font-weight: 500;
  text-transform: uppercase;
}
.artist-showcase__area-title-wrap {
  text-align: center;
}
.artist-showcase__area-title {
  color: var(--white);
  font-size: 80px;
  font-weight: 500;
  line-height: 1.12;
}
@media only screen and (max-width: 1199px) {
  .artist-showcase__area-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .artist-showcase__area-title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .artist-showcase__area-title {
    font-size: 40px;
  }
}
.artist-showcase__area-arts {
  padding-top: 80px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .artist-showcase__area-arts {
    padding-bottom: 100px;
  }
}

.light.artist__textslider {
  background-color: var(--black-2);
}
.light.artist__textslider .title {
  color: var(--white);
}
.light.artist__profile {
  border-color: var(--gray-4);
}
.light .artist__header-menu li a {
  color: var(--black-2);
}
.light .artist__header-menu li a:hover {
  color: var(--primary);
}
.light .artist__showcase-name {
  color: var(--black-2);
}
.light .artist__showcase-title {
  color: var(--black-2);
}
.light .artist__section-title {
  color: var(--black-2);
  border-bottom: 1px solid var(--gray-4);
}
.light .artist__gallary-content span {
  color: var(--black-2);
}
.light .artist__exhibition-title {
  color: var(--black-2);
}
.light .artist__exhibition-location * {
  color: var(--black-2);
}
.light .artist__exhibition-location, .light .artist__exhibition-item {
  border-color: var(--gray-4);
}
.light .artist__profile-name {
  color: var(--black-2);
}
.light .artist__profile-item span:last-of-type {
  color: var(--black-2);
}
.light .artist__footer-menu li a, .light .artist__footer-social li a {
  color: var(--black-2);
}
.light .artist__footer-menu li a:hover, .light .artist__footer-social li a:hover {
  color: var(--primary);
}

/*----------------------------------------*/
/*  00. DEVELOPER CSS START
/*----------------------------------------*/
.developer-hero__area {
  position: relative;
}
.developer-hero__area .hero-shape, .developer-hero__area .hero-shape-2 {
  position: absolute;
  bottom: 130px;
  left: 60px;
}
@media only screen and (max-width: 1919px) {
  .developer-hero__area .hero-shape, .developer-hero__area .hero-shape-2 {
    left: 7px;
    bottom: 70px;
  }
}
@media only screen and (max-width: 1399px) {
  .developer-hero__area .hero-shape, .developer-hero__area .hero-shape-2 {
    bottom: 20px;
    max-width: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .developer-hero__area .hero-shape, .developer-hero__area .hero-shape-2 {
    bottom: 60px;
    left: 15px;
  }
}
.developer-hero__area .hero-shape-2 {
  display: none;
}
.developer-hero__left {
  padding-top: 280px;
  font-family: "Estedad";
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 1399px) {
  .developer-hero__left {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__left {
    padding-top: 120px;
  }
}
.developer-hero__left p {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .developer-hero__left p {
    margin-bottom: 50px;
  }
}
.developer-hero__right {
  padding-left: 100px;
  position: relative;
  margin-right: -60px;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .developer-hero__right {
    padding-left: 0;
    margin-right: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__right {
    padding-left: 0;
    margin-right: 0;
  }
}
.developer-hero__right img {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1399px) {
  .developer-hero__right img {
    max-width: 530px;
  }
}
@media only screen and (max-width: 1199px) {
  .developer-hero__right img {
    max-width: 410px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-hero__right img {
    max-width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__right img {
    max-width: 350px;
  }
}
.developer-hero__experience {
  font-family: "Estedad";
  height: 100vh;
  padding: 100px 70px;
  background-color: var(--blue-light);
}
@media only screen and (max-width: 1199px) {
  .developer-hero__experience {
    padding: 80px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-hero__experience {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__experience {
    height: 740px;
    padding: 50px 40px;
  }
}
.developer-hero__info-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .developer-hero__info-wrapper {
    grid-template-columns: 1fr;
  }
}
.developer-hero__hello {
  margin-top: 30vh;
  height: calc(70vh + 130px);
  background-color: var(--primary);
  margin-bottom: -130px;
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .developer-hero__hello {
    margin-top: 100px;
    height: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__hello {
    margin-top: 50px;
    position: relative;
    z-index: 1;
  }
}
.developer-hero__title {
  font-weight: 600;
  font-size: 90px;
  line-height: 1;
  color: var(--white);
  padding-bottom: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .developer-hero__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .developer-hero__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-hero__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-hero__title {
    font-size: 48px;
  }
}
.developer-about__area {
  gap: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .developer-about__area {
    display: block;
  }
}
.developer-about__top {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.developer-about__top .line {
  height: 100%;
}
.developer-about__top-wrapper {
  position: relative;
}
.developer-about__slider {
  padding-top: 210px;
  height: 950px;
}
@media only screen and (max-width: 1399px) {
  .developer-about__slider {
    height: 780px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-about__slider {
    padding-top: 110px;
    height: 450px;
  }
}
.developer-about__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.developer-about__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white);
}
.developer-about__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.developer-about__content p {
  max-width: 470px;
  padding-top: 20px;
  padding-bottom: 30px;
}
.developer-about__content p span {
  font-weight: 500;
  color: var(--white);
}
.light .developer-about__content p span {
  color: var(--black-2);
}
.developer-about__img {
  background-image: url(../imgs/shape/5.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
}
.light .developer-about__img {
  background-image: url(../imgs/shape/7.png);
}
@media only screen and (max-width: 1199px) {
  .developer-about__img {
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .developer-about__img {
    margin-top: 50px;
  }
}
.developer-about__img .about-me {
  margin-bottom: 18px;
  border-radius: 0 0 330px 330px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 505px;
  height: 560px;
}
@media only screen and (max-width: 1199px) {
  .developer-about__img .about-me {
    height: auto;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-about__img .about-me {
    max-width: 370px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-about__img .about-me {
    max-width: 350px;
    height: unset;
  }
}
.developer-about__img .about-shape-1 {
  position: absolute;
  bottom: 20px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .developer-about__img .about-shape-1 {
    max-width: 50px;
  }
}
.developer-about__img .about-shape-2 {
  position: absolute;
  bottom: -50px;
  left: 150px;
}
@media only screen and (max-width: 991px) {
  .developer-about__img .about-shape-2 {
    left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-about__img .about-shape-2 {
    max-width: 100px;
  }
}
.developer-about__img-2 {
  position: absolute;
  left: 0%;
  bottom: 0%;
  mix-blend-mode: luminosity;
}
.developer-about__img-2 img {
  max-width: 100%;
}
.developer-about__slide {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-size: 250px;
  line-height: 1;
  color: var(--gray-5);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .developer-about__slide {
    font-size: 210px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-about__slide {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-about__slide {
    font-size: 72px;
  }
}
.developer-skill__area {
  background-color: var(--black-3);
}
.developer-skill__area .line::before,
.developer-skill__area .line::after,
.developer-skill__area .line-3 {
  background-color: var(--black-5);
}
.developer-skill__area .sec-title-wrapper {
  text-align: center;
  padding-top: 130px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .developer-skill__area .sec-title-wrapper {
    padding-top: 0;
  }
}
.developer-skill__grid-3 {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1399px) {
  .developer-skill__grid-3 {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-skill__grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .developer-skill__grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.developer-skill__item {
  padding: 74px 50px 64px;
  text-align: center;
  border-radius: 100px;
  background-color: var(--black-4);
}
@media only screen and (max-width: 1399px) {
  .developer-skill__item {
    padding: 50px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-skill__item {
    padding: 40px 30px;
    margin: 0 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-skill__item {
    margin: 0 0 30px;
  }
}
.developer-skill__item img {
  margin-bottom: 35px;
}
.developer-skill__percentage {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.1;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 10px;
}
.developer-skill__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gray-4);
  text-transform: uppercase;
}
.developer-skill__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px 180px;
}
@media only screen and (max-width: 1199px) {
  .developer-skill__grid {
    grid-gap: 20px 100px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-skill__grid {
    grid-gap: 20px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-skill__grid {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .developer-skill__grid-2 {
    grid-gap: 20px 80px;
  }
}
.developer-resume__area .line {
  height: 100%;
}
.developer-resume__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
.developer-resume-tab-box {
  display: none;
}
.developer-resume__tab-menu ul {
  gap: 10px;
  display: flex;
  height: 60px;
  max-width: 860px;
  margin: 0 auto;
  border-radius: 30px;
  margin-bottom: 90px;
  background-color: var(--black-4);
}
@media only screen and (max-width: 1399px) {
  .developer-resume__tab-menu ul {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .developer-resume__tab-menu ul {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-resume__tab-menu ul {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-resume__tab-menu ul {
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 30px;
    background-color: transparent;
  }
}
.developer-resume__tab-menu ul li {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  text-align: center;
}
.developer-resume__tab-menu ul li a {
  display: inline-block;
  padding: 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  border-radius: 100px;
  width: 100%;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .developer-resume__tab-menu ul li a {
    padding: 18px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-resume__tab-menu ul li a {
    padding: 12px 20px;
  }
}
.developer-resume__tab-menu ul li a::before {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: "";
  border-radius: 100px;
  background: var(--primary);
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.developer-resume__tab-menu ul li a:hover {
  color: var(--black-2);
}
.developer-resume__tab-menu ul li a:hover::before {
  left: 0%;
  right: auto;
  width: 100%;
}
.developer-resume__tab-menu ul li a.active {
  color: var(--black-2);
  background-color: var(--primary);
}
.developer-resume__tab-wrapper {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .developer-resume__tab-wrapper {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-resume__tab-wrapper {
    padding-bottom: 60px;
  }
}
.developer-portfolio__area {
  background-color: var(--black-3);
}
@media only screen and (max-width: 767px) {
  .developer-portfolio__area .sec-title {
    padding-bottom: 30px;
  }
}
.developer-portfolio__area .sec-text-width {
  max-width: 345px;
}
.developer-portfolio__area .sec-btn {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .developer-portfolio__area .sec-btn {
    text-align: left;
    margin-top: 30px;
  }
}
.developer-portfolio__slider {
  margin-right: -300px;
}
@media only screen and (max-width: 767px) {
  .developer-portfolio__slider {
    margin-right: 0;
    padding: 0 15px;
  }
}
.developer-portfolio__slide {
  text-align: center;
}
.developer-portfolio__slide:hover .developer-portfolio__title {
  color: var(--primary);
}
.developer-portfolio__slide img {
  max-width: 100%;
}
.developer-portfolio__title {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white);
  padding-top: 30px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.developer-portfolio__date {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--gray-4);
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .developer-service__area .sec-title {
    padding-bottom: 30px;
  }
}
.developer-service__area .sec-text-width {
  max-width: 332px;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .developer-service__area .sec-text-width {
    margin-left: unset;
  }
}
.developer-service__grid {
  padding-top: 60px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .developer-service__grid {
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .developer-service__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.developer-testimonial__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
.developer-testimonial__slider {
  max-width: 630px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .developer-testimonial__slider {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .developer-testimonial__slider {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .developer-testimonial__slider {
    width: 100%;
  }
}
.developer-testimonial__slider-wrapper {
  position: relative;
}
.developer-testimonial__slider-wrapper .btn-swiper {
  font-size: 20px;
  color: var(--gray-4);
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--black-6);
  transition: all 0.3s;
  z-index: 9;
}
.light .developer-testimonial__slider-wrapper .btn-swiper {
  border-color: var(--white-3);
}
.developer-testimonial__slider-wrapper .btn-swiper img {
  filter: invert(0.7);
  transition: all 0.3s;
}
.developer-testimonial__slider-wrapper .btn-swiper:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.developer-testimonial__slider-wrapper .btn-swiper:hover img {
  filter: invert(0);
}
@media only screen and (max-width: 767px) {
  .developer-testimonial__slider-wrapper .btn-swiper {
    display: none;
  }
}
.developer-testimonial__slider-wrapper .btn-prev {
  left: 0;
}
.developer-testimonial__slider-wrapper .btn-next {
  right: 0;
}
.developer-testimonial__slider.slider-2 .btn-swiper {
  border-radius: 0%;
}
.developer-testimonial__slide p {
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .developer-testimonial__slide p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-testimonial__slide p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-testimonial__slide p {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
  }
}
.developer-testimonial__slide .client-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 3px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .developer-testimonial__slide .client-name {
    font-size: 16px;
  }
}
.developer-testimonial__slide .client-role {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--gray-4);
}
.developer-brand__area {
  background-color: var(--black-3);
}
.developer-brand__area .brand__logo_flex {
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .developer-brand__area .brand__logo_flex {
    justify-content: center;
  }
}
.developer-brand__area .line {
  padding: 80px 0;
}
.developer-brand__width {
  max-width: 820px;
  margin-left: auto;
}
.developer-brand-title-width {
  max-width: 260px;
}
@media only screen and (max-width: 991px) {
  .developer-brand-title-width {
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-brand-title-width {
    width: 90%;
    max-width: 100%;
    margin-bottom: 50px;
  }
}
.developer-blog__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
.developer-blog__grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1919px) {
  .developer-blog__grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .developer-blog__grid {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .developer-blog__grid {
    grid-gap: 50px 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .developer-blog__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.developer-blog__item {
  overflow: hidden;
}
.developer-blog__item img {
  width: 100%;
  margin-bottom: 20px;
}
.developer-blog__meta, .pdesigner-blog__meta {
  padding-bottom: 15px;
  transition: all 0.5s;
}
.developer-blog__meta li, .pdesigner-blog__meta li {
  display: inline-block;
}
.developer-blog__meta li a, .pdesigner-blog__meta li a {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  padding: 4px 10px 2px;
  color: var(--gray-4);
  text-transform: uppercase;
  background-color: var(--black-4);
}
.developer-blog__meta li a:hover, .pdesigner-blog__meta li a:hover {
  color: var(--primary);
}
.developer-blog__title {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--white);
  padding-bottom: 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .developer-blog__title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .developer-blog__title {
    font-size: 18px;
  }
}
.developer-blog__title a {
  color: var(--white);
}
.developer-blog__title a:hover {
  color: var(--primary);
}
.developer-blog__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 3px;
  text-transform: uppercase;
  position: relative;
}
.developer-blog__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--white);
  transition: all 0.3s;
}
.developer-blog__link:hover {
  color: var(--white);
}
.developer-blog__link:hover::after {
  width: 0%;
  background: var(--white);
}
.developer-blog__link span {
  padding-left: 3px;
}
.developer-award__grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .developer-award__grid {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .developer-award__grid {
    grid-gap: 50px;
    grid-template-columns: 1fr;
  }
}

.slider-2::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 150px;
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  background-color: var(--black-6);
}
@media only screen and (max-width: 991px) {
  .slider-2::before {
    right: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-2::before {
    display: none;
  }
}
.slider-2::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 150px;
  top: 50%;
  left: 110px;
  transform: translateY(-50%);
  background-color: var(--black-6);
}
@media only screen and (max-width: 991px) {
  .slider-2::after {
    left: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-2::after {
    display: none;
  }
}
.slider-2 .developer-testimonial__slide p {
  font-style: normal;
  font-size: 18px;
  color: var(--black-9);
}
.slider-2 .developer-testimonial__slide .client-name {
  font-size: 24px;
  font-weight: 400;
  font-family: "Prata", serif;
  text-transform: capitalize;
}
.slider-2 .btn-swiper {
  border-radius: 0;
}

.light.developer-hero__area {
  background-color: var(--white);
}
.light.developer-skill__area {
  background-color: var(--white-2);
}
.light.developer-resume__area {
  background-color: var(--white);
}
.light.developer-portfolio__area {
  background-color: var(--white-2);
}
.light.developer-brand__area {
  background-color: var(--white-2);
}
.light .developer-hero__title {
  color: var(--black-2);
}
.light .developer-hero__left p {
  color: var(--black-2);
}
.light .developer-hero__social-wrapper {
  border-color: var(--gray-2);
}
.light .developer-hero__social-wrapper .follow-me {
  color: var(--gray);
}
.light .developer-experience__item {
  background-color: var(--white-3);
}
.light .developer-experience__item .exp-title {
  color: var(--black-2);
}
.light .developer-experience__item .company {
  color: var(--gray);
}
.light .developer-award__title {
  color: var(--black-2);
}
.light .developer-award__date {
  color: var(--gray);
}
.light .developer-skill__item {
  background-color: var(--white-3);
}
.light .developer-skill__percentage {
  color: var(--black-2);
}
.light .developer-skill__title {
  color: var(--gray);
}
.light .developer-skill__grid .sonny_progressbar .progress-percent {
  color: var(--black-2);
  background-color: var(bg);
}
.light .developer-resume__tab-menu ul {
  background-color: var(--white-3);
}
.light .developer-resume__tab-menu ul li a {
  color: var(--black-2);
}
.light .developer-about__top .experience {
  color: var(--black-2);
}
.light .developer-about__top .experience-title {
  color: var(--black-2);
}
.light .developer-about__info li strong {
  color: var(--black-2);
}
.light .developer-about__slide {
  color: var(--white-3);
}
.light .developer-about__title {
  color: var(--black-2);
}
.light .developer-portfolio__title {
  color: var(--black-2);
}
.light .developer-portfolio__date {
  color: var(--gray);
}
.light .developer-service__item a {
  background-color: var(--white-2);
}
.light .developer-service__title {
  color: var(--black-2);
}
.light .developer-testimonial__slider .btn-swiper {
  border: 1px solid var(--gray-4);
}
.light .developer-testimonial__slide p {
  color: var(--black-2);
}
.light .developer-testimonial__slide .client-name {
  color: var(--black-2);
}
.light .developer-testimonial__slide .client-role {
  color: var(--gray);
}
.light .developer-brand__title {
  color: var(--black-2);
}
.light .developer-blog__title a {
  color: var(--black-2);
}
.light .developer-blog__meta li a, .light .pdesigner-blog__meta li a {
  color: var(--gray);
  background-color: var(--white-3);
}
.light .developer-blog__meta li a:hover, .light .pdesigner-blog__meta li a:hover {
  color: var(--black-2);
}
.light .developer-blog__link {
  color: var(--gray);
}
.light .developer-blog__link::after {
  background: var(--gray);
}
.light .developer-blog__link:hover {
  color: var(--black-2);
}

.work_experience-2 .experience-title {
  font-size: 130px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .work_experience-2 .experience-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .work_experience-2 .experience-title {
    font-size: 50px;
  }
}
.work_experience-2 .experience-title span {
  font-size: 55px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .work_experience-2 .experience-title span {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .work_experience-2 .experience-title span {
    font-size: 35px;
  }
}

.footer-dev .footer__logo {
  margin: auto;
  margin-bottom: 60px;
}

/*----------------------------------------*/
/*  00. PRODUCT DESINGER CSS START
/*----------------------------------------*/
.pd-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  z-index: 10;
  position: absolute;
  width: 100%;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .pd-header {
    display: flex;
  }
}
.pd-header a img {
  max-width: 160px;
}

.pdesigner-hero__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-image: url(../imgs/hero/bg.png);
}
.pdesigner-hero__area .hero-img {
  position: absolute;
  bottom: 0;
  inset-inline-start: 220px;
}
@media only screen and (max-width: 1399px) {
  .pdesigner-hero__area .hero-img {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__area .hero-img {
    inset-inline-start: 30px;
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__area .hero-img {
    inset-inline-start: 0;
    max-width: 380px;
  }
}
.pdesigner-hero__area .hero-shape, .pdesigner-hero__area .developer-hero__area .hero-shape-2, .developer-hero__area .pdesigner-hero__area .hero-shape-2 {
  position: absolute;
  bottom: 0;
}
.pdesigner-hero__title {
  font-weight: 600;
  font-size: 90px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Estedad";
}
@media only screen and (max-width: 1399px) {
  .pdesigner-hero__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__title {
    font-size: 48px;
  }
}
.pdesigner-hero__title span {
  text-indent: 150px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__title span {
    text-indent: 100px;
  }
}
.pdesigner-hero__title span::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 5px;
  inset-inline-start: 0;
  top: 40px;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__title span::before {
    width: 80px;
    height: 3px;
    top: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__title span::before {
    top: 16px;
  }
}
.pdesigner-hero__left {
  padding-top: 210px;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__left {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__left {
    padding-top: 120px;
  }
}
.pdesigner-hero__left a {
  font-size: 14px;
  font-weight: 500;
  padding: 18px 30px;
  border-radius: 30px;
  border-color: var(--black-6);
  text-transform: uppercase;
}
.light .pdesigner-hero__left a {
  border-color: var(--black-6);
}
.pdesigner-hero__left a::after {
  color: var(--black-9);
  background-color: var(--black-2);
}
.light .pdesigner-hero__left a::after {
  color: var(--black-9);
}
.pdesigner-hero__left a:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__left .hero__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__left .hero__title {
    font-size: 40px;
  }
}
.light .pdesigner-hero__left .typed_title {
  color: var(--white);
}
.pdesigner-hero__right {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-inline-start: -40px;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__right {
    margin-inline-start: -120px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__right {
    height: auto;
    margin-inline-start: 0;
  }
}
.pdesigner-hero__text {
  max-width: 290px;
  text-align: center;
  padding-bottom: 110px;
}
@media only screen and (max-width: 1919px) {
  .pdesigner-hero__text {
    margin-inline-end: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__text {
    margin-inline-end: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__text {
    padding-bottom: 60px;
  }
}
.pdesigner-hero__text p {
  text-indent: 40px;
  text-align: start;
}
.light .pdesigner-hero__text p {
  color: var(--gray-4);
}
.pdesigner-hero__text p span {
  color: var(--white);
}
.pdesigner-hero__social-wrapper {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__social-wrapper {
    padding-top: 0;
  }
}
.pdesigner-hero__social-wrapper .follow-me {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
}
.pdesigner-hero__social-wrapper .follow-me::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  inset-inline-end: -35px;
  top: 9px;
  background-color: var(--white);
}
.pdesigner-hero__social li {
  display: inline-block;
}
.pdesigner-hero__social li a {
  display: block;
  color: var(--white);
  font-size: 20px;
  padding-right: 15px;
  transition: all 0.3s;
}
.pdesigner-hero__social li a:hover {
  color: var(--primary);
}
.pdesigner-hero__experience {
  font-family: "Estedad";
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--blue-light);
  padding: 30px 70px;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-hero__experience {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__experience {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}
.pdesigner-hero__experience .work-process {
  display: grid;
  grid-template-columns: 100px auto;
  justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__experience .work-process {
    justify-content: flex-start;
    margin-top: 20px;
    padding-top: 20px;
  }
}
.pdesigner-hero__experience .work-process::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 90px;
  inset-inline-start: 0;
  top: -2px;
  background-color: var(--gray-7);
}
@media only screen and (max-width: 767px) {
  .pdesigner-hero__experience .work-process::before {
    width: 100%;
    height: 1px;
    top: 0;
  }
}
.pdesigner-hero__experience .work-process span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--white);
  display: flex;
  align-items: center;
}
.pdesigner-hero__experience .work-process a {
  font-size: 20px;
  color: var(--primary);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black-2);
  transition: all 0.5s;
  position: relative;
  z-index: 9;
}
.pdesigner-hero__experience .work-process a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.pdesigner-about__top {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  position: relative;
  background-color: var(--black-2);
}
.pdesigner-about__top .line {
  padding-top: 190px;
  padding-bottom: 180px;
}
@media only screen and (max-width: 1399px) {
  .pdesigner-about__top .line {
    padding-top: 150px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-about__top .line {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.pdesigner-about__top .hero-title {
  font-family: "Estedad";
  text-align: center;
  line-height: 1.05;
}
.light .pdesigner-about__top .hero-title {
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .pdesigner-about__top .hero-title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-about__top .hero-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-about__top .hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
}
.pdesigner-about__top .wc-btn {
  text-align: center;
  margin: 0 auto;
  display: inherit;
}
.pdesigner-about__top .wc-btn a {
  font-size: 14px;
  font-weight: 500;
  padding: 18px 30px;
  color: var(--black-2);
  border-radius: 30px;
  text-transform: uppercase;
  border: none;
}
.pdesigner-about__top .wc-btn a:hover {
  background-color: var(--white);
}
.pdesigner-about__top .wc-btn a::after {
  z-index: -1;
  background-color: var(--primary);
}
.dir-rtl .pdesigner-about__top .wc-btn a i {
  transform: rotate(180deg);
}
.pdesigner-about__top-content {
  z-index: 5;
  position: relative;
}
.pdesigner-about__img {
  text-align: center;
  mix-blend-mode: luminosity;
}
.pdesigner-about__img img {
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pdesigner-counter__grid {
  max-width: 500px;
  margin: 0 auto;
  display: grid;
  padding-bottom: 70px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .pdesigner-counter__grid {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-counter__grid .counter__number {
    font-size: 40px;
  }
}
.pdesigner-counter__item .count {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Estedad";
}
@media only screen and (max-width: 767px) {
  .pdesigner-counter__item .count {
    font-size: 36px;
  }
}
.pdesigner-counter__item .text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  text-transform: uppercase;
}
.pdesigner-portfolio__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.pdesigner-portfolio__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 50px;
}
.pdesigner-portfolio__area .wc-btn {
  display: inherit;
  text-align: center;
  margin-top: 70px;
}
.pdesigner-portfolio__area .wc-btn a {
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
  border-color: var(--black-6);
  text-transform: uppercase;
  color: var(--black-9);
}
.light .pdesigner-portfolio__area .wc-btn a {
  color: var(--black-2);
  border-color: var(--white-3);
}
.pdesigner-portfolio__area .wc-btn a::after {
  color: var(--black-9);
  background-color: var(--black-2);
  z-index: -1;
}
.light .pdesigner-portfolio__area .wc-btn a::after {
  background-color: var(--white);
}
.pdesigner-portfolio__area .wc-btn a:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black-2);
}
.light .pdesigner-portfolio__area .wc-btn a:hover {
  color: var(--white);
  background-color: var(--black-2);
}
.dir-rtl .pdesigner-portfolio__area .wc-btn a i {
  transform: rotate(180deg);
}
.pdesigner-portfolio__title {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  padding: 10px 20px;
  color: var(--white);
  margin-top: 3px;
  text-transform: uppercase;
  background-color: var(--black-2);
}
.pdesigner-portfolio__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-portfolio__title {
    font-size: 16px;
  }
}
.pdesigner-portfolio__btn-list {
  text-align: center;
  padding-bottom: 45px;
  position: relative;
}
.pdesigner-portfolio__btn-list button {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--white);
  padding: 0 28px;
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-portfolio__btn-list button {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-portfolio__btn-list button {
    padding: 0 15px;
    margin-bottom: 20px;
  }
}
.pdesigner-portfolio__btn-list button.mixitup-control-active, .pdesigner-portfolio__btn-list button:hover {
  color: var(--primary);
}
.pdesigner-portfolio__btn-list button.mixitup-control-active span, .pdesigner-portfolio__btn-list button:hover span {
  color: var(--primary);
}
.pdesigner-portfolio__btn-list button span {
  display: block;
  font-size: 12px;
  line-height: 1.8;
  text-align: end;
  color: var(--gray-4);
  transition: all 0.3s;
}
.pdesigner-portfolio__flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
  gap: 65px;
}
@media only screen and (max-width: 1919px) {
  .pdesigner-portfolio__flex {
    gap: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .pdesigner-portfolio__flex {
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-portfolio__flex {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-portfolio__flex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .pdesigner-portfolio__flex {
    grid-template-columns: 1fr;
  }
}
.pdesigner-portfolio__item {
  overflow: hidden;
  position: relative;
}
.pdesigner-portfolio__item.large {
  grid-column: auto/span 2;
}
@media (max-width: 575px) {
  .pdesigner-portfolio__item.large {
    grid-column: auto;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-portfolio__item {
    max-width: 100%;
  }
}
.pdesigner-portfolio__item:hover img {
  transform: scale(1.1);
}
.pdesigner-portfolio__item:hover .pdesigner-portfolio__content {
  opacity: 1;
  visibility: visible;
}
.pdesigner-portfolio__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s;
}
.pdesigner-portfolio__content {
  position: absolute;
  bottom: 110px;
  inset-inline-start: 40px;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-portfolio__content {
    inset-inline-start: 15px;
  }
}
.pdesigner-portfolio__category {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.8;
  padding: 10px 20px;
  color: var(--gray-4);
  text-transform: uppercase;
  background-color: var(--black-2);
}
.pdesigner-portfolio__category:hover {
  color: var(--primary);
}
.pdesigner-resume__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-color: var(--black-3);
}
.pdesigner-resume__area .line {
  height: 100%;
}
.pdesigner-resume__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
.pdesigner-service__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-color: var(--black-3);
}
.pdesigner-service__area .sec-title-wrapper {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .pdesigner-service__area .sec-title-wrapper {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-service__area br {
    display: block;
  }
}
.pdesigner-service__list {
  border-top: 1px solid var(--black-6);
}
.light .pdesigner-service__list {
  border-color: var(--gray-2);
}
.pdesigner-service__item {
  padding: 40px 0;
  display: grid;
  grid-template-columns: 0.25fr 1fr 1fr 0.4fr;
  border-bottom: 1px solid var(--black-6);
  gap: 15px;
}
@media only screen and (max-width: 1919px) {
  .pdesigner-service__item {
    grid-template-columns: 0.25fr 1fr 1fr 0.6fr;
  }
}
@media only screen and (max-width: 1199px) {
  .pdesigner-service__item {
    grid-template-columns: 0.15fr 0.7fr 1fr 0.7fr;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-service__item {
    padding: 25px 0;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1300px) {
  .pdesigner-service__item:hover .pdesigner-service__title {
    padding-inline-start: 80px;
  }
  .pdesigner-service__item:hover .pdesigner-service__title::before {
    width: 60px;
  }
  .pdesigner-service__item:hover .pdesigner-service__number {
    color: var(--white);
  }
}
.pdesigner-service__item p {
  max-width: 330px;
}
.pdesigner-service__item ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
}
.pdesigner-service__number {
  font-family: "Estedad";
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-4);
  transition: all 0.3s;
}
.pdesigner-service__title {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 26px;
  line-height: 1.1;
  color: var(--white);
  text-transform: uppercase;
  line-height: 1.2;
  transition: all 0.5s;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-service__title {
    font-size: 22px;
  }
}
.pdesigner-service__title::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  inset-inline-start: 0;
  top: 5px;
  transition: all 0.5s;
  background-color: var(--white);
}
.pdesigner-brand__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-color: var(--black-3);
}
.pdesigner-brand__title-pb {
  padding-bottom: 40px;
}
.pdesigner-testimonial__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.pdesigner-testimonial__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-testimonial__area .testimonial__slider {
    max-width: 560px;
  }
}
.pdesigner-blog__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  z-index: 5;
  position: relative;
  background-color: var(--black-2);
}
.pdesigner-blog__area .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
}
.pdesigner-blog__item {
  overflow: hidden;
  position: relative;
}
.pdesigner-blog__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .pdesigner-blog__item {
    margin-bottom: 30px;
  }
}
.pdesigner-blog__item img {
  width: 100%;
  transform: scale(1);
  transition: all 2s;
}
.pdesigner-blog__content {
  position: absolute;
  inset-inline-start: 40px;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  transition: all 0.6s;
  z-index: 5;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-blog__content {
    inset-inline-start: 5px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-blog__content {
    padding-bottom: 40px;
  }
}
.pdesigner-blog__title {
  font-family: "Estedad";
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  color: var(--white);
  padding-bottom: 12px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.pdesigner-blog__title:hover {
  color: var(--primary);
}
.light .pdesigner-blog__title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-blog__title {
    font-size: 18px;
  }
}
.pdesigner-blog__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 3px;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}
.pdesigner-blog__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--white);
  transition: all 0.3s;
}
.pdesigner-blog__link:hover {
  color: var(--white);
}
.pdesigner-blog__link:hover::after {
  width: 0%;
  background: var(--white);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-blog__link {
    opacity: 1;
    visibility: visible;
  }
}
.pdesigner-blog__meta li a {
  border-radius: 3px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.2);
}
.pdesigner-contact__area {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-color: var(--black-3);
}
.pdesigner-contact__area .sec-title-wrapper {
  padding-bottom: 60px;
}
.pdesigner-contact__area .sec-title-wrapper p {
  font-size: 20px;
}
.pdesigner-contact__grid {
  display: grid;
  grid-gap: 30px;
}
@media only screen and (max-width: 767px) {
  .pdesigner-contact__grid {
    margin-bottom: 60px;
  }
}
.pdesigner-contact__type {
  display: grid;
  grid-template-columns: 80px auto;
}
.pdesigner-contact__type .icon {
  width: 50px;
  height: 50px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  border-radius: 50px;
}
.pdesigner-contact__type a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-4);
  transition: all 0.3s;
}
.pdesigner-contact__type a:hover {
  color: var(--primary);
}
.light .pdesigner-contact__type a:hover {
  color: var(--primary);
}
.pdesigner-contact__name {
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 5px;
  font-weight: 500;
}
.pdesigner-contact__form {
  position: relative;
}
.light .pdesigner-contact__form.common .input-item input, .light .pdesigner-contact__form.common .input-item textarea {
  background-color: var(--white-4);
}
.pdesigner-contact__form form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .pdesigner-contact__form form {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pdesigner-contact__form form {
    gap: 25px 10px;
  }
}
.pdesigner-contact__form .input-item {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 1199px) {
  .pdesigner-contact__form .input-item {
    width: 100%;
  }
}
.pdesigner-contact__form .input-item input, .pdesigner-contact__form .input-item .cf-details-comment__field textarea, .cf-details-comment__field .pdesigner-contact__form .input-item textarea, .pdesigner-contact__form .input-item .dt-inap__appointment textarea, .dt-inap__appointment .pdesigner-contact__form .input-item textarea, .pdesigner-contact__form .input-item .elc-inbd-comment__field textarea, .elc-inbd-comment__field .pdesigner-contact__form .input-item textarea {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  color: var(--gray-4);
  background-color: var(--black-4);
}
.pdesigner-contact__form .input-item textarea {
  width: 100%;
  padding: 15px;
  border: none;
  outline: none;
  height: 150px;
  resize: none;
  color: var(--gray-4);
  background-color: var(--black-4);
}
.pdesigner-contact__form .input-item.submit button {
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
  padding: 18px 40px;
  border-color: transparent;
  text-transform: uppercase;
  color: var(--black-2);
}
.pdesigner-contact__form .input-item.submit button::after {
  background-color: var(--primary);
  z-index: -1;
}
.pdesigner-contact__form .input-item.submit button:hover {
  background-color: var(--white);
}
.pdesigner-contact__form .input-item.submit button i {
  font-size: 16px;
  padding-inline-start: 5px;
}
.dir-rtl .pdesigner-contact__form .input-item.submit button i {
  transform: rotate(180deg);
}
.pdesigner-contact__form .input-item.full {
  width: 100%;
}
.pdesigner-contact__form .input-item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 8px;
  text-transform: capitalize;
}

.pdesigner__blog-hover .pdesigner-blog__title {
  transition: all 0.5s;
  transition-delay: 0.03s;
}
.pdesigner__blog-hover .pdesigner-blog__link {
  transition-delay: 0.05s;
}
.pdesigner__blog-hover:hover img {
  transform: scale(1.1);
}
.pdesigner__blog-hover:hover .pdesigner-blog__meta {
  transform: translateY(-40px);
}
.pdesigner__blog-hover:hover .pdesigner-blog__title {
  transform: translateY(-40px);
}
.light .pdesigner__blog-hover:hover .pdesigner-blog__title {
  color: var(--white);
}
.pdesigner__blog-hover:hover .pdesigner-blog__link {
  opacity: 1;
  visibility: visible;
  transform: translateY(-40px);
}

.light .pdesigner-service__area {
  background-color: var(--white-2);
}
.light .pdesigner-brand__area {
  background-color: var(--white-2);
}
.light .pdesigner-about__top .line-col-3 div {
  background: var(--black-5);
}
.light .pdesigner-resume__area {
  background-color: var(--white-2);
}
.light .pdesigner-counter__number {
  color: var(--black-2);
}
.light .pdesigner-counter__title {
  color: var(--gray);
}
.light .pdesigner-hero__area {
  background-color: var(--black-2);
}
.light .pdesigner-hero__title {
  color: var(--white);
}
.light .pdesigner-service__title {
  color: var(--black-2);
}
.light .pdesigner-service__title::before {
  background-color: var(--black-2);
}
.light .pdesigner-service__item {
  border-color: var(--gray-2);
}
.light .pdesigner-service__item:hover .pdesigner-service__number {
  color: var(--black-2);
}
.light .pdesigner-service__item ul li {
  color: var(--black-2);
}
.light .pdesigner-portfolio__btn-list button {
  color: var(--black-2);
}
.light .pdesigner-contact__area {
  background-color: var(--white-2);
}
.light .pdesigner-contact__info {
  padding-inline-start: 1px;
}
.light .pdesigner-contact__name {
  color: var(--black-2);
}
.light .pdesigner-contact__type a {
  color: var(--gray);
}
.light .pdesigner-contact__type .icon {
  border-color: var(--white-6);
}
.light .pdesigner-contact__form .input-item input,
.light .pdesigner-contact__form .input-item textarea {
  color: var(--gray);
  background-color: var(--white);
}
.light .pdesigner-contact__form .input-item p {
  color: var(--black-2);
}
.light .pdesigner-contact__form .input-item.submit button:hover {
  color: var(--black-2);
  border-color: var(--black-2);
}

.light .pdb-header .main-menu li a {
  color: var(--white);
}
.pdb-header .menu-icon span, .pdb-header .menu-icon-2 span, .pdb-header .menu-icon::before, .pdb-header .menu-icon-2::before, .pdb-header .menu-icon::after, .pdb-header .menu-icon-2::after {
  background: var(--white);
}

/*----------------------------------------*/
/*  00. FREELANCER CSS START
/*----------------------------------------*/
.freelancer-header {
  padding: 0 50px;
}
@media only screen and (max-width: 1199px) {
  .freelancer-header {
    padding: 15px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-header {
    padding: 0 15px;
  }
}
.freelancer-header__logo {
  max-width: 126px;
}
.freelancer-header__inner {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  gap: 100px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .freelancer-header__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.freelancer-header__inner .main-menu li a {
  font-size: 20px;
  font-weight: 500;
  padding: 50px 25px;
}
@media only screen and (max-width: 1199px) {
  .freelancer-header__nav {
    display: none;
  }
}
.freelancer-header__nav .dp-menu {
  background-color: var(--black-4);
}
.freelancer-header__nav .dp-menu li a {
  background-color: var(--black-4);
}
.freelancer-header__nav .dp-menu li a:hover {
  background-color: var(--black-2);
}
.freelancer-header__nav .main-menu > ul {
  justify-content: center;
}
.freelancer-header__others {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  padding: 20px 0;
}
.freelancer-sec-title-wrapper {
  margin-inline-end: 110px;
  text-align: end;
}
@media only screen and (max-width: 1919px) {
  .freelancer-sec-title-wrapper {
    margin-inline-end: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .freelancer-sec-title-wrapper {
    margin-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-sec-title-wrapper {
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-sec-title-wrapper {
    margin-inline-end: 0;
    text-align: start;
  }
}
.freelancer-hero__area {
  position: relative;
  z-index: 1;
}
.freelancer-hero__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-hero__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__area::before {
    display: none;
  }
}
.freelancer-hero__area .container-fluid {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.freelancer-hero__area .shape {
  position: absolute;
  bottom: 120px;
  inset-inline-start: 500px;
}
@media only screen and (max-width: 991px) {
  .freelancer-hero__area .shape {
    inset-inline-start: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__area .shape {
    bottom: 10px;
    inset-inline-start: 8%;
  }
}
.freelancer-hero__area .shape-2 {
  position: absolute;
  top: 190px;
  inset-inline-start: 27%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__area .shape-2 {
    top: 250px;
  }
}
.freelancer-hero__area .shape-3 {
  position: absolute;
  top: 52%;
  inset-inline-end: 24%;
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__area .shape-3 {
    top: 30%;
    inset-inline-end: 10%;
  }
}
.freelancer-hero__inner {
  display: grid;
  grid-template-columns: 1fr 2.5fr 1fr;
  margin-top: 120px;
  border-top: 1px solid var(--black-6);
}
.light .freelancer-hero__inner {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__inner {
    grid-template-columns: 1fr 2.2fr 1fr;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__inner {
    grid-template-columns: 1fr;
    border-left: 1px solid var(--black-6);
    border-right: 1px solid var(--black-6);
  }
}
.freelancer-hero__left .award-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 425px;
  border-bottom: 1px solid var(--black-6);
}
.light .freelancer-hero__left .award-img {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__left .award-img {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__left .award-img {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__left .award-img {
    height: auto;
    padding: 40px 0;
  }
}
.freelancer-hero__left .work-process-flex {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__left .work-process-flex {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__left .work-process-flex {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__left .work-process-flex {
    height: auto;
    padding: 40px 0;
  }
}
.freelancer-hero__mid {
  text-align: center;
  border-left: 1px solid var(--black-6);
  border-right: 1px solid var(--black-6);
}
.light .freelancer-hero__mid {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__mid {
    grid-row: 1;
    border: none;
    border-bottom: 1px solid var(--black-6);
  }
}
.freelancer-hero__right .project-wrap {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--black-6);
}
.light .freelancer-hero__right .project-wrap {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__right .project-wrap {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__right .project-wrap {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__right .project-wrap {
    height: auto;
    padding: 40px 0;
    border-top: 1px solid var(--black-6);
  }
}
.freelancer-hero__right .about-me {
  height: 425px;
  display: flex;
  align-items: center;
  padding: 0 65px;
  text-align: center;
  border-bottom: 1px solid var(--black-6);
}
.light .freelancer-hero__right .about-me {
  border-color: #F3F2F2;
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__right .about-me {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__right .about-me {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__right .about-me {
    height: 350px;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-hero__right .about-me {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__right .about-me {
    height: auto;
    padding: 40px 30px;
  }
}
.freelancer-hero__right .about-me img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero__right .about-me img {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-hero__right .about-me img {
    margin-bottom: 15px;
  }
}
.freelancer-hero__right .about-me p {
  text-align: start;
  text-indent: 40px;
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero__right .about-me p {
    text-indent: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-hero__right .about-me p {
    text-indent: 10px;
  }
}
.freelancer-hero__right .about-me p span {
  color: var(--white);
  font-weight: 500;
}
.light .freelancer-hero__right .about-me p span {
  color: var(--black-2);
}
.freelancer-hero-title {
  font-weight: 500;
  font-size: 90px;
  line-height: 1.05;
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .freelancer-hero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1399px) {
  .freelancer-hero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-hero-title {
    font-size: 32px;
  }
}
.freelancer-hero-title span {
  font-family: "Macondo", cursive;
}
.freelancer-hero-title img {
  max-height: 60px;
}
@media only screen and (max-width: 1199px) {
  .freelancer-hero-title img {
    max-height: 40px;
  }
}
.freelancer-hero-title-wrap {
  max-width: 890px;
  margin: 0 auto;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-hero-title-wrap {
    padding-bottom: 40px;
  }
}
.freelancer-hero__text {
  max-width: 290px;
  text-align: center;
  padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .freelancer-hero__text {
    padding-bottom: 60px;
  }
}
.freelancer-hero__text img {
  margin-bottom: 30px;
}
.freelancer-hero__text p {
  text-indent: 40px;
  text-align: start;
}
.freelancer-counter__item .count {
  font-weight: 500;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .freelancer-counter__item .count {
    font-size: 48px;
  }
}
.freelancer-counter__item .text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--white);
}
.light .freelancer-counter__item .text p {
  color: var(--black-2);
}
.freelancer-about__area {
  background-color: var(--black-3);
  position: relative;
  z-index: 1;
}
.freelancer-about__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-8);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-about__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-about__area::before {
    display: none;
  }
}
.light .freelancer-about__area {
  background-color: var(--white-2);
}
.light .freelancer-about__area:before {
  background-color: var(--white-3);
}
.freelancer-about__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white);
  text-transform: capitalize;
}
.freelancer-about__content {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-about__content {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-about__content {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-about__content {
    margin-inline-start: 0;
  }
}
.freelancer-about__content p {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .freelancer-about__content p {
    font-size: 16px;
  }
}
.freelancer-education__area {
  position: relative;
  z-index: 1;
}
.freelancer-education__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-education__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-education__area::before {
    display: none;
  }
}
.freelancer-experience__area {
  background-color: var(--black-3);
  position: relative;
  z-index: 1;
}
.freelancer-experience__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-8);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-experience__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-experience__area::before {
    display: none;
  }
}
.light .freelancer-experience__area {
  background-color: var(--white-2);
}
.light .freelancer-experience__area:before {
  background-color: var(--white-3);
}
.freelancer-skill__area {
  position: relative;
  z-index: 1;
}
.freelancer-skill__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-skill__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-skill__area::before {
    display: none;
  }
}
.freelancer-skill__grid {
  margin-inline-start: 80px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .freelancer-skill__grid {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-skill__grid {
    margin-inline-start: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-skill__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-skill__grid {
    margin-inline-start: 0;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
}
.freelancer-award__area {
  background-color: var(--black-3);
  position: relative;
  z-index: 1;
}
.freelancer-award__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-8);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-award__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-award__area::before {
    display: none;
  }
}
.light .freelancer-award__area {
  background-color: var(--white-2);
}
.light .freelancer-award__area:before {
  background-color: var(--white-3);
}
.freelancer-award__list {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  margin-inline-start: 80px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-award__list {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-award__list {
    margin-inline-start: 20px;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-award__list {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-award__list {
    grid-template-columns: repeat(1, 1fr);
  }
  .freelancer-award__list .award__date {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-award__list {
    grid-template-columns: 1fr;
    margin-inline-start: 0;
    grid-gap: 30px;
  }
}
.freelancer-award__list .award__item {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .freelancer-award__list .award__item {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-award__list .award__item {
    padding: 40px 35px;
  }
}
.freelancer-award__list .award__item img {
  max-width: 100%;
  margin-bottom: 30px;
  max-height: 53px;
}
@media only screen and (max-width: 767px) {
  .freelancer-award__list .award__item img {
    margin-bottom: 20px;
  }
}
.freelancer-service__area {
  position: relative;
  z-index: 1;
}
.freelancer-service__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-service__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-service__area::before {
    display: none;
  }
}
.freelancer-service__ml {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-service__ml {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-service__ml {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-service__ml {
    margin-inline-start: 0;
  }
}
.freelancer-service__ml > a:first-child .service__item-3 {
  border-top: 1px solid var(--black-6);
}
.freelancer-service__item {
  border-bottom: 1px solid var(--black-6);
}
.light .freelancer-service__item {
  border-color: #F3F2F2;
}
.freelancer-service__item:first-child {
  border-top: 1px solid var(--black-6);
}
.light .freelancer-service__item:first-child {
  border-color: #F3F2F2;
}
.freelancer-service__item a {
  padding: 40px 0;
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .freelancer-service__item a {
    grid-template-columns: 1fr 1.5fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-service__item a {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.freelancer-service__item ul {
  padding-inline-start: 90px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-service__item ul {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-service__item ul {
    padding-inline-start: 0;
  }
}
.freelancer-service__item ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
}
.light .freelancer-service__item ul li {
  color: var(--black-2);
}
.freelancer-service__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.5;
  color: var(--white);
}
.freelancer-portfolio__area {
  background-color: var(--black-3);
  position: relative;
  z-index: 1;
}
.freelancer-portfolio__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-8);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-portfolio__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__area::before {
    display: none;
  }
}
.light .freelancer-portfolio__area {
  background-color: var(--white-2);
}
.light .freelancer-portfolio__area:before {
  background-color: var(--white-3);
}
.freelancer-portfolio__area .wc-btn-wrapper {
  padding-top: 65px;
  text-align: center;
  margin-inline-start: 80px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-portfolio__area .wc-btn-wrapper {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-portfolio__area .wc-btn-wrapper {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__area .wc-btn-wrapper {
    margin-inline-start: 0;
  }
}
.freelancer-portfolio__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
  color: var(--white);
  padding-top: 30px;
  padding-bottom: 6px;
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  .freelancer-portfolio__title {
    padding-top: 20px;
  }
}
.freelancer-portfolio__grid {
  margin-inline-start: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px 60px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-portfolio__grid {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-portfolio__grid {
    margin-inline-start: 20px;
    gap: 45px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__grid {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-portfolio__grid {
    gap: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__grid {
    margin-inline-start: 0;
    grid-template-columns: 1fr;
  }
}
.freelancer-portfolio__item:hover .freelancer-portfolio__title {
  color: var(--primary);
}
.freelancer-portfolio__item .pimg {
  position: relative;
}
.freelancer-portfolio__item .pimg img {
  width: 100%;
}
.freelancer-portfolio__content p {
  font-size: 14px;
}
.freelancer-portfolio__btn-list {
  position: relative;
  padding-top: 100px;
  padding-inline-end: 110px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-portfolio__btn-list {
    padding-top: 70px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-portfolio__btn-list {
    padding-inline-end: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__btn-list {
    padding-inline-end: 0;
    padding-top: 0;
    padding-bottom: 40px;
    display: flex;
    gap: 0 30px;
    flex-wrap: wrap;
  }
}
.freelancer-portfolio__btn-list button {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  padding: 18px 0;
  display: block;
  text-align: end;
  margin-inline-start: auto;
  transition: all 0.3s;
}
.light .freelancer-portfolio__btn-list button {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-portfolio__btn-list button {
    text-align: start;
    margin-inline-start: 0;
    padding: 15px 0;
  }
}
.freelancer-portfolio__btn-list button span {
  display: block;
  font-size: 12px;
  color: var(--gray-4);
  transition: all 0.3s;
}
.freelancer-portfolio__btn-list button.mixitup-control-active, .freelancer-portfolio__btn-list button:hover {
  color: var(--primary);
}
.freelancer-portfolio__btn-list button.mixitup-control-active span, .freelancer-portfolio__btn-list button:hover span {
  color: var(--primary);
}
.freelancer-brand__area {
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
  z-index: 1;
}
.freelancer-brand__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-brand__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-brand__area::before {
    display: none;
  }
}
.freelancer-brand__flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-inline-start: 80px;
  padding-inline-end: 70px;
}
@media only screen and (max-width: 1399px) {
  .freelancer-brand__flex {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-brand__flex {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-brand__flex {
    margin-inline-start: 0;
  }
}
.freelancer-blog__area {
  background-color: var(--black-3);
  position: relative;
  z-index: 1;
}
.freelancer-blog__area::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-8);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .freelancer-blog__area::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .freelancer-blog__area::before {
    display: none;
  }
}
.light .freelancer-blog__area {
  background-color: var(--white-2);
}
.light .freelancer-blog__area:before {
  background-color: var(--white-3);
}
.freelancer-blog__grid {
  margin-inline-start: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media only screen and (max-width: 1919px) {
  .freelancer-blog__grid {
    gap: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .freelancer-blog__grid {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .freelancer-blog__grid {
    margin-inline-start: 20px;
    gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-blog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .freelancer-blog__grid {
    margin-inline-start: 0;
    grid-template-columns: 1fr;
  }
}
.freelancer-blog__item {
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .freelancer-blog__item {
    margin-bottom: 30px;
  }
  .freelancer-blog__item:last-child {
    margin-bottom: 0;
  }
}
.freelancer-blog__item .thumb {
  overflow: hidden;
  margin-bottom: 20px;
}
.freelancer-blog__item .thumb img {
  width: 100%;
}
.freelancer-blog__meta li {
  display: inline-block;
  padding-bottom: 12px;
}
.freelancer-blog__meta li a:hover {
  color: var(--primary);
}
.freelancer-blog__meta li a,
.freelancer-blog__meta li span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  color: var(--gray-4);
  text-transform: capitalize;
}
.freelancer-blog__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  transition: all 0.3s;
}
.freelancer-blog__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .freelancer-blog__title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .freelancer-blog__title {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  01. ARCHITECT CSS START
/*----------------------------------------*/
.architect-header__area {
  position: absolute;
  width: 100%;
  height: auto;
  top: 20px;
  inset-inline-start: 0;
}
@media only screen and (max-width: 767px) {
  .architect-header__area {
    top: 10px;
  }
}
.architect-header__area.home {
  top: 50px;
}
.architect-header__wrapper {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.architect-header__logo img {
  max-width: 160px;
}
.architect-header__container {
  padding: 0 120px;
}
@media only screen and (max-width: 1919px) {
  .architect-header__container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-header__container {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-header__container {
    padding: 0 30px;
  }
}
.architect-hero__area {
  padding: 20px 20px 0;
}
@media only screen and (max-width: 767px) {
  .architect-hero__area {
    padding: 15px 10px 0;
  }
}
.architect-hero__wrapper {
  padding: 140px 90px;
  background-color: #D7D7D7;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1919px) {
  .architect-hero__wrapper {
    padding: 105px 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .architect-hero__wrapper {
    padding: 60px 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero__wrapper {
    padding: 76px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__wrapper {
    padding: 50px 10px;
  }
}
.architect-hero__wrapper .img {
  position: absolute;
  bottom: 0;
  inset-inline-start: 290px;
}
@media only screen and (max-width: 1919px) {
  .architect-hero__wrapper .img {
    max-width: 700px;
    inset-inline-start: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .architect-hero__wrapper .img {
    max-width: 560px;
    inset-inline-start: 240px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero__wrapper .img {
    max-width: 460px;
    inset-inline-start: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero__wrapper .img {
    max-width: 320px;
    inset-inline-start: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__wrapper .img {
    max-width: 270px;
    inset-inline-start: unset;
    inset-inline-end: 0;
  }
}
.architect-hero__wrapper .shape {
  position: absolute;
  inset-inline-start: 310px;
  bottom: 260px;
}
@media only screen and (max-width: 1919px) {
  .architect-hero__wrapper .shape {
    inset-inline-start: 240px;
    bottom: 160px;
  }
}
@media only screen and (max-width: 1399px) {
  .architect-hero__wrapper .shape {
    inset-inline-start: 200px;
    bottom: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero__wrapper .shape {
    inset-inline-start: 130px;
    bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__wrapper .shape {
    display: none;
  }
}
.architect-hero__wrapper .shape-2 {
  position: absolute;
  inset-inline-start: 60%;
  bottom: 40px;
}
@media only screen and (max-width: 1919px) {
  .architect-hero__wrapper .shape-2 {
    inset-inline-start: 65%;
  }
}
@media only screen and (max-width: 1399px) {
  .architect-hero__wrapper .shape-2 {
    inset-inline-start: 60%;
    bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__wrapper .shape-2 {
    bottom: 10px;
  }
}
.architect-hero__wrapper .shape-3 {
  position: absolute;
  inset-inline-end: 80px;
  top: 52%;
}
@media only screen and (max-width: 767px) {
  .architect-hero__wrapper .shape-3 {
    inset-inline-end: 20px;
  }
}
.architect-hero-title {
  font-weight: 500;
  font-size: 150px;
  line-height: 1;
  color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .architect-hero-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero-title br {
    display: block;
  }
}
.architect-hero-title span {
  font-weight: 400;
  font-family: "newYork";
}
.architect-hero-title-wrap {
  position: relative;
}
.architect-hero-title-wrap .text-pos {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--black-2);
  border: 3px solid var(--black-2);
  border-radius: 12px;
  position: absolute;
  padding: 8px 6px;
  inset-inline-end: 40px;
  top: 60px;
}
@media only screen and (max-width: 1919px) {
  .architect-hero-title-wrap .text-pos {
    top: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero-title-wrap .text-pos {
    top: 20px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero-title-wrap .text-pos {
    font-size: 16px;
    border-width: 2px;
    padding: 4px 4px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero-title-wrap .text-pos {
    left: 230px;
    right: auto;
  }
}
.architect-hero-sub-title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.1;
  color: var(--black-2);
  position: relative;
}
@media only screen and (max-width: 991px) {
  .architect-hero-sub-title {
    font-size: 18px;
  }
}
.architect-hero-sub-title::before {
  position: absolute;
  content: "";
  width: 110px;
  height: 1px;
  inset-inline-start: -150px;
  top: 18px;
  background: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .architect-hero-sub-title::before {
    top: 12px;
    inset-inline-start: -80px;
    width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero-sub-title::before {
    top: 12px;
    width: 60px;
  }
}
.architect-hero-sub-title-pd {
  padding: 12px 0 75px 150px;
}
@media only screen and (max-width: 1399px) {
  .architect-hero-sub-title-pd {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero-sub-title-pd {
    padding-inline-start: 120px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero-sub-title-pd {
    padding-inline-start: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero-sub-title-pd {
    padding-top: 20px;
  }
}
.architect-hero__left .btn-width {
  width: 230px;
  padding-top: 50px;
}
@media only screen and (max-width: 1399px) {
  .architect-hero__left .btn-width {
    padding-top: 70px;
  }
}
.architect-hero__left .wc-btn-underline {
  font-size: 18px;
  color: var(--black-2);
  gap: 50px;
}
.architect-hero__left .wc-btn-underline img {
  transform: rotate(-45deg);
}
.architect-hero__left .wc-btn-underline:after {
  background-color: var(--black-2);
}
.architect-hero__experience {
  margin-top: 140px;
}
@media only screen and (max-width: 1919px) {
  .architect-hero__experience {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .architect-hero__experience {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-hero__experience {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__experience {
    margin-top: 60px;
  }
}
.architect-hero__right {
  position: relative;
  z-index: 9;
}
.architect-hero__right .work_process-3-mg {
  margin-inline-start: 150px;
}
@media only screen and (max-width: 991px) {
  .architect-hero__right .work_process-3-mg {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__right .work_process-3-mg {
    margin-inline-start: 0;
  }
}
.architect-hero__text {
  padding-top: 40px;
  padding-inline-start: 150px;
}
@media only screen and (max-width: 1399px) {
  .architect-hero__text {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .architect-hero__text {
    padding-inline-start: 20px;
    position: relative;
    z-index: 9;
  }
}
@media only screen and (max-width: 767px) {
  .architect-hero__text {
    padding-inline-start: 0;
  }
}
.architect-hero__text p {
  max-width: 300px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .architect-hero__text p {
    max-width: 360px;
  }
}
.architect-about__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-about__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-about__area .sec-text {
  display: flex;
  justify-content: space-between;
  padding-bottom: 65px;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .architect-about__area .sec-text {
    gap: 30px;
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
}
.architect-about__area .sec-text p {
  max-width: 350px;
}
.architect-about__text {
  padding-inline-start: 100px;
}
@media only screen and (max-width: 1399px) {
  .architect-about__text {
    padding-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .architect-about__text {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-about__text {
    padding-top: 30px;
  }
}
.architect-about__btn a {
  border-radius: 15px;
  background: var(--white);
}
.light .architect-about__btn a {
  background: var(--black-2);
  color: var(--white);
}
.architect-service__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-service__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-service__area .line {
  border-top: 1px solid var(--black-5);
}
.light .architect-service__area .line {
  border-color: var(--white-4);
}
.architect-service__area .sec-title-5 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .architect-service__area .sec-title-5 {
    padding-bottom: 50px;
  }
}
.architect-brand__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-brand__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-brand__area .sec-title-5 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .architect-brand__area .sec-title-5 {
    padding-bottom: 50px;
  }
}
.architect-portfolio__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-portfolio__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-portfolio__area .line {
  border-top: 1px solid var(--black-5);
  border-bottom: 1px solid var(--black-5);
}
.light .architect-portfolio__area .line {
  border-color: var(--white-4);
}
.architect-portfolio__area .sec-title-5 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .architect-portfolio__area .sec-title-5 {
    padding-bottom: 50px;
  }
}
.architect-award__area .sec-title-5 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .architect-award__area .sec-title-5 {
    padding-bottom: 40px;
  }
}
.architect-award__area .sec-text {
  max-width: 330px;
}
@media only screen and (max-width: 767px) {
  .architect-award__area .sec-text {
    padding-bottom: 30px;
  }
}
.architect-award__area .sec-text p {
  font-size: 18px;
}
.architect-award__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-award__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-award__item {
  display: grid;
  grid-template-columns: 1fr 3.2fr 1fr 1fr;
  align-items: center;
  padding: 23px 0;
  border-top: 1px solid var(--black-5);
}
@media only screen and (max-width: 767px) {
  .architect-award__item {
    gap: 20px;
  }
}
.architect-award__item:last-child {
  border-bottom: 1px solid var(--black-5);
}
.architect-award__number {
  font-size: 18px;
}
.architect-award__date {
  font-size: 18px;
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .architect-award__date {
    text-align: start;
  }
}
.architect-award__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .architect-award__title br {
    display: block;
  }
}
.architect-cta__area {
  text-align: center;
}
.architect-cta__area .line {
  border-top: 1px solid var(--black-5);
  border-bottom: 1px solid var(--black-5);
}
.architect-cta__area .shape {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(33.33% - 11px);
  z-index: 1;
}
.architect-cta__area .shape-2 {
  position: absolute;
  bottom: -12px;
  inset-inline-start: calc(66.66% - 11px);
  z-index: 1;
}
.architect-cta__content {
  position: relative;
  z-index: 1;
}
.architect-cta__title {
  font-weight: 600;
  font-size: 65px;
  line-height: 1.1;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .architect-cta__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-cta__title {
    font-size: 36px;
  }
}
.architect-cta__title span {
  font-family: "newYork";
  font-weight: 400;
}
.architect-cta__title-pd {
  max-width: 510px;
  margin: 0 auto;
  margin-bottom: 55px;
}
.architect__textslider .title {
  font-weight: 400;
  font-size: 224px;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .architect__textslider .title {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect__textslider .title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .architect__textslider .title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .architect__textslider .title {
    font-size: 60px;
  }
}
.architect__textslider .title span {
  font-family: "newYork";
}
.architect-text__area {
  text-align: center;
  position: relative;
  padding-top: 60px;
  padding-bottom: 160px;
}
@media only screen and (max-width: 1399px) {
  .architect-text__area {
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .architect-text__area {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .architect-text__area {
    padding-bottom: 130px;
  }
}
.architect-text__area .line-col-4 div {
  top: -800px;
  height: 1000px;
}

.light.architect-hero__area {
  background-color: var(--white);
}
.light.architect-portfolio__area .line {
  border-color: var(--white-4);
}
.light.architect-cta__area .line {
  border-color: var(--white-4);
  border-bottom: 2px solid var(--white-4);
}
.light.architect-text__area .title {
  color: var(--black-2);
}
.light .architect-portfolio__title {
  color: var(--black-2);
}
.light .architect-award__title {
  color: var(--black-2);
}
.light .architect-award__item {
  border-color: var(--white-4);
}
.light .architect-cta__title {
  color: var(--black-2);
}

.light .body-writer {
  background-color: #EDEDED;
}

.fat-dash {
  width: 58px;
  height: 7px;
  background-color: var(--white);
  display: inline-block;
}
.light .fat-dash {
  background-color: var(--black-2);
}

.follow-instagram {
  text-align: center;
}

.light.header__area {
  background-color: var(--white-9);
}

.writer-header__nav {
  flex: 3;
  text-align: end;
}
.writer-hero__area {
  position: relative;
  padding-top: 190px;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .writer-hero__area {
    background-size: 600px;
  }
}
@media only screen and (max-width: 1399px) {
  .writer-hero__area {
    background-size: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-hero__area {
    padding-top: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-hero__area {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__area {
    padding-top: 80px;
    background-size: 360px;
  }
}
.writer-hero__area-bg {
  position: absolute;
  inset-inline-start: 33%;
  top: 30px;
}
.writer-hero__area-bg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 73%;
  inset-inline-start: 0;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, #1C1D20 96%);
}
.light .writer-hero__area-bg::after {
  background: linear-gradient(180deg, rgba(237, 237, 237, 0) 33.9%, #EDEDED 84.39%);
}
.dir-rtl .writer-hero__area-bg img {
  transform: rotateY(180deg);
}
.writer-hero__area .shape {
  margin-top: 140px;
  animation: wcSlideBottom 5s infinite linear;
  position: relative;
  z-index: -1;
}
@media only screen and (max-width: 1399px) {
  .writer-hero__area .shape {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__area .shape {
    max-width: 60px;
  }
}
.writer-hero__area .shape-2 {
  position: absolute;
  inset-inline-end: 25%;
  top: 50%;
  animation: wcSlide 5s infinite linear;
}
@media only screen and (max-width: 1199px) {
  .writer-hero__area .shape-2 {
    top: 30%;
    width: 60px;
  }
}
.writer-hero__area .shape-3 {
  position: absolute;
  inset-inline-end: 11%;
  top: 25%;
  animation: wcSlide2 5s infinite linear;
}
.light .writer-hero__area .shape-3 {
  filter: brightness(0.1);
}
@media only screen and (max-width: 1199px) {
  .writer-hero__area .shape-3 {
    top: 17%;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__area .shape-3 {
    inset-inline-end: 15px;
    width: 60px;
  }
}
.writer-hero__area .shape-4 {
  position: absolute;
  inset-inline-end: 10%;
  top: 24%;
  animation: wcSlide 5s infinite linear;
}
.light .writer-hero__area .shape-4 {
  filter: brightness(0.1);
}
@media only screen and (max-width: 1199px) {
  .writer-hero__area .shape-4 {
    top: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__area .shape-4 {
    inset-inline-end: 0;
    width: 60px;
  }
}
.dir-rtl .writer-hero__area .shape img {
  transform: rotateY(180deg);
}
.light .writer-hero__area .shape img {
  filter: brightness(0.1);
}
.writer-hero__title {
  font-weight: 400;
  font-size: 160px;
  line-height: 1.04;
  text-align: end;
  color: var(--white);
  text-transform: uppercase;
  z-index: 8;
}
@media only screen and (max-width: 1919px) {
  .writer-hero__title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1399px) {
  .writer-hero__title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-hero__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__title {
    font-size: 50px;
  }
}
.writer-hero__top .btn-width {
  width: 260px;
  border-top: 1px solid var(--white);
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
  padding-top: 10px;
  position: relative;
}
.light .writer-hero__top .btn-width {
  border-color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .writer-hero__top .btn-width {
    max-width: 230px;
  }
}
.writer-hero__top .btn-width:hover {
  border-color: var(--primary);
}
.writer-hero__top .btn-width:hover .award-text {
  color: var(--primary);
}
.light .writer-hero__top .btn-width:hover .award-text {
  color: var(--primary);
}
.writer-hero__top .btn-width:hover img {
  transform: rotate(0deg);
}
.writer-hero__top .btn-width img {
  filter: brightness(10);
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.light .writer-hero__top .btn-width img {
  filter: brightness(1);
}
.writer-hero__top .btn-width .award-text {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white);
}
.light .writer-hero__top .btn-width .award-text {
  color: var(--black-2);
}
.writer-hero__top .btn-width .award-text span {
  font-weight: 500;
}
.writer-hero__btm {
  display: grid;
  grid-gap: 120px;
  grid-template-columns: auto 330px;
  padding-top: 150px;
}
@media only screen and (max-width: 1919px) {
  .writer-hero__btm {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .writer-hero__btm {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-hero__btm {
    grid-gap: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-hero__btm {
    grid-gap: 40px;
    grid-template-columns: auto 290px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-hero__btm {
    grid-template-columns: 1fr;
  }
}
.writer-hero__btm .right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 35px;
}
.writer-hero__btm .right p {
  max-width: 330px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .writer-hero__btm .right p {
    font-size: 16px;
    padding-bottom: 40px;
  }
}
.writer-about__area {
  position: relative;
}
.writer-about__area .shape-2 {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .writer-about__area .shape-2 {
    max-width: 100px;
  }
}
.dir-rtl .writer-about__area .shape-2 img {
  transform: rotateY(180deg);
}
.writer-about__area .sec-title-11 {
  position: relative;
}
.writer-about__area .sec-title-11::after {
  position: absolute;
  content: "";
  width: 800px;
  height: 1px;
  inset-inline-end: 0;
  bottom: 40px;
  background: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .writer-about__area .sec-title-11::after {
    width: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-about__area .sec-title-11::after {
    width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-about__area .sec-title-11::after {
    width: 400px;
    bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-about__area .sec-title-11::after {
    width: 80px;
  }
}
.writer-about__area .sec-title-11 > div:not(:first-child) {
  text-indent: 0;
}
.writer-about__area .sec-sub-title-11 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1199px) {
  .writer-about__area .sec-sub-title-11 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-about__area .sec-sub-title-11 {
    padding-bottom: 50px;
  }
}
.writer-about__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 100px;
  padding-top: 50px;
  padding-inline-start: 220px;
}
@media only screen and (max-width: 1399px) {
  .writer-about__content {
    grid-gap: 60px;
    padding-inline-start: 90px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-about__content {
    grid-gap: 60px 40px;
    padding-inline-start: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-about__content {
    grid-gap: 25px;
    grid-template-columns: 1fr;
  }
}
.writer-about__content p {
  font-size: 18px;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .writer-about__content p {
    font-size: 16px;
  }
}
.writer-about__content .thumb img {
  max-width: 100%;
}
.writer-about__content .read-btn {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .writer-about__content .read-btn {
    margin-bottom: 30px;
  }
}
.writer-about__content .read-btn a {
  color: var(--black-9);
  text-transform: uppercase;
}
.light .writer-about__content .read-btn a {
  color: #555555;
}
.writer-about__content .read-btn a:hover {
  color: var(--white);
}
.light .writer-about__content .read-btn a:hover {
  color: var(--black-2);
}
.writer-about__content .read-btn a::after {
  background-color: currentColor;
}
.writer-about__content .thumb {
  position: relative;
  z-index: 1;
}
.writer-about__content .thumb .shape {
  transform: translate(-50%, -50%);
  position: relative;
  z-index: -1;
}
.dir-rtl .writer-about__content .thumb .shape {
  transform: translate(50%, -50%) rotateY(180deg);
}
.writer-featured__area {
  position: relative;
}
.writer-featured__area .shape {
  position: absolute;
  bottom: -90px;
  inset-inline-start: 0;
}
.dir-rtl .writer-featured__area .shape {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .writer-featured__area .shape {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-featured__area .shape {
    max-width: 100px;
  }
}
.writer-featured__content {
  text-align: center;
}
.writer-featured__content .title-pd {
  max-width: 940px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .writer-featured__content .title-pd {
    max-width: 720px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-featured__content .title-pd {
    max-width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-featured__content .title-pd {
    padding-bottom: 70px;
  }
}
.writer-featured__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .writer-featured__title {
    font-size: 24px;
  }
}
.writer-portfolio__area {
  padding: 150px 100px;
}
@media only screen and (max-width: 1919px) {
  .writer-portfolio__area {
    padding: 150px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-portfolio__area {
    padding: 100px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-portfolio__area {
    padding: 50px 15px;
  }
}
.writer-portfolio__top {
  gap: 60px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--black-6);
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.writer-portfolio__top a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
  color: var(--black-9);
  transition: all 0.3s;
}
.light .writer-portfolio__top a {
  color: var(--gray-10);
}
.writer-portfolio__top a:hover {
  color: var(--white);
}
.light .writer-portfolio__top a:hover {
  color: var(--black-2);
}
.writer-portfolio__mid {
  gap: 60px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
  .writer-portfolio__mid {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-portfolio__mid {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.writer-portfolio__mid p {
  max-width: 260px;
  font-size: 18px;
  color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .writer-portfolio__mid p {
    font-size: 16px;
  }
}
.writer-portfolio__btm {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1919px) {
  .writer-portfolio__btm {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-portfolio__btm {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
.writer-portfolio__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 1919px) {
  .writer-portfolio__item {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-portfolio__item {
    grid-template-columns: 1fr;
  }
}
.writer-portfolio__item .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black-9);
  text-transform: uppercase;
  padding-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .writer-portfolio__item .date {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-portfolio__item .date {
    padding-bottom: 10px;
  }
}
.writer-portfolio__item .title {
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 35px;
  transition: all 0.3s;
}
.writer-portfolio__item .title:hover {
  color: var(--black-9);
}
@media only screen and (max-width: 1919px) {
  .writer-portfolio__item .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-portfolio__item .title {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-portfolio__item .title {
    padding-bottom: 20px;
  }
}
.writer-portfolio__img {
  overflow: hidden;
}
.writer-portfolio__img img {
  width: 100%;
}
.writer-portfolio__info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.writer-portfolio__info .cat {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
  color: var(--black-9);
  transition: all 0.3s;
  text-transform: uppercase;
  border: 1px solid var(--black-6);
  padding: 5px 12px 3px;
  border-radius: 50px;
}
.writer-portfolio__info .cat:hover {
  color: var(--white);
  border-color: var(--white);
}
.writer-publish__area {
  background-color: var(--black-3);
}
.light .writer-publish__area {
  background-color: var(--white-3);
}
.writer-publish__area .sec-title-wrap {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .writer-publish__area .sec-title-wrap {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__area .sec-title-wrap {
    padding-bottom: 50px;
  }
}
.writer-publish__title {
  font-weight: 400;
  font-size: 180px;
  line-height: 1.04;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .writer-publish__title {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-publish__title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-publish__title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__title {
    font-size: 48px;
  }
}
.writer-publish__sub-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .writer-publish__sub-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-publish__sub-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__sub-title {
    font-size: 20px;
  }
}
.writer-publish__sub-title span {
  height: 1px;
  width: 140px;
  margin-bottom: 12px;
  margin-inline-end: 20px;
  display: inline-block;
  background: var(--white);
}
@media only screen and (max-width: 991px) {
  .writer-publish__sub-title span {
    width: 90px;
    margin-inline-end: 15px;
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__sub-title span {
    width: 60px;
    margin-inline-end: 10px;
    margin-bottom: 7px;
  }
}
.writer-publish__sub-title-pd {
  text-align: end;
  padding-inline-end: 220px;
}
@media only screen and (max-width: 1399px) {
  .writer-publish__sub-title-pd {
    padding-inline-end: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-publish__sub-title-pd {
    padding-inline-end: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__sub-title-pd {
    padding-inline-end: 40px;
  }
}
.writer-publish__width {
  max-width: 720px;
  margin: 0 auto;
}
.writer-publish__item {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: 1fr 3fr;
  padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .writer-publish__item {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__item {
    grid-gap: 12px;
    padding-bottom: 30px;
    grid-template-columns: 1fr;
  }
}
.writer-publish__year .year {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  text-align: end;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .writer-publish__year .year {
    font-size: 20px;
    text-align: start;
  }
}
.writer-publish__book {
  display: grid;
  grid-gap: 20px;
  padding-bottom: 3px;
  grid-template-columns: 2.5fr 1fr;
}
@media only screen and (max-width: 767px) {
  .writer-publish__book {
    grid-gap: 10px;
    padding-bottom: 0;
    grid-template-columns: 2fr 1fr;
  }
}
.writer-publish__book .name {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .writer-publish__book .name {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-publish__book .name {
    font-size: 16px;
  }
}
.writer-publish__book .market {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--black-9);
}
.writer-publish__note p {
  font-size: 14px;
  padding: 10px 0;
  color: var(--black-9);
  border-top: 1px solid var(--black-6);
  border-bottom: 1px solid var(--black-6);
}
.writer-publish__note-width {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  margin-top: 40px;
}
.writer-award__area {
  position: relative;
}
.writer-award__area.writer-award::before {
  display: none;
}
.writer-award__area.writer-award::after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .writer-award__area {
    background-position: 95% top;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__area {
    background-size: 130px;
    background-position: right top;
  }
}
.writer-award__area::before {
  position: absolute;
  content: "";
  width: 190px;
  height: 1px;
  inset-inline-start: 0px;
  top: 220px;
  background-color: var(--white-2);
}
.light .writer-award__area::before {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .writer-award__area::before {
    top: 150px;
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-award__area::before {
    top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__area::before {
    width: 100px;
    top: 60px;
  }
}
.writer-award__area::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 190px;
  inset-inline-start: 120px;
  top: 90px;
  background-color: var(--white-2);
}
.light .writer-award__area::after {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .writer-award__area::after {
    top: 30px;
    height: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-award__area::after {
    inset-inline-start: 100px;
    top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__area::after {
    height: 90px;
    inset-inline-start: 60px;
  }
}
.writer-award__area-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 77%;
}
.dir-rtl .writer-award__area-bg img {
  transform: rotateY(180deg);
}
.writer-award__area .sec-title-wrap {
  text-align: center;
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .writer-award__area .sec-title-wrap {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__area .sec-title-wrap {
    padding-bottom: 40px;
  }
}
.writer-award__left {
  padding-inline-end: 160px;
  text-align: end;
}
@media only screen and (max-width: 1399px) {
  .writer-award__left {
    padding-inline-end: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-award__left {
    padding-inline-end: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__left {
    padding-inline-end: 30px;
  }
}
.writer-award__right .title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  color: var(--white);
  border-bottom: 1px solid var(--black-6);
  padding-bottom: 10px;
  margin-bottom: 35px;
}
.writer-award__title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1.2;
  color: var(--white);
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .writer-award__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-award__title {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__title {
    font-size: 36px;
  }
}
.writer-award__title span {
  font-family: "euclid_Circular_B";
  color: var(--black-2);
  display: inline-block;
  background-color: var(--white);
}
.writer-award__content {
  display: grid;
  grid-gap: 130px;
  grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 1399px) {
  .writer-award__content {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-award__content {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.writer-award__content .img {
  text-align: end;
  max-width: 100%;
}
.writer-award__content .img img {
  width: 100%;
}
.writer-award__content p {
  font-weight: 400;
  font-size: 18px;
  color: var(--black-9);
}
.writer-award__content p a {
  display: inline-block;
  color: var(--white);
  position: relative;
  transition: all 0.3s;
}
.writer-award__content p a:hover::after {
  width: 0;
}
.writer-award__content p a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--white);
}
.writer-award__content-pb {
  padding-bottom: 40px;
}
.writer-blog__area .sec-sub-title-11 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .writer-blog__area .sec-sub-title-11 {
    padding-bottom: 80px;
  }
}
.writer-blog__area .sec-title-wrap {
  gap: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .writer-blog__area .sec-title-wrap {
    flex-wrap: wrap;
  }
}
.writer-blog__area .sec-title-wrap::after {
  position: absolute;
  content: "";
  width: 65%;
  height: 1px;
  inset-inline-end: 0;
  background: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .writer-blog__area .sec-title-wrap::after {
    width: 58%;
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog__area .sec-title-wrap::after {
    width: 100%;
  }
}
.writer-blog__area .sec-title-wrap a {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--black-9);
  transition: all 0.3s;
  text-transform: uppercase;
  transform: translateY(-100%);
}
.writer-blog__area .sec-title-wrap a:hover {
  color: var(--white);
}
.writer-blog__grid {
  display: grid;
  grid-gap: 60px;
  padding-top: 90px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
}
@media only screen and (max-width: 1399px) {
  .writer-blog__grid {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-blog__grid {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-blog__grid {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog__grid {
    grid-gap: 40px;
    padding-top: 30px;
    grid-template-columns: 1fr;
  }
}
.writer-blog__item {
  overflow: hidden;
}
.writer-blog__item img {
  width: 100%;
}
.writer-blog__item .meta {
  gap: 50px;
  display: flex;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .writer-blog__item .meta {
    gap: 20px;
  }
}
.writer-blog__item .meta li {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--black-9);
  text-transform: uppercase;
  position: relative;
}
.writer-blog__item .meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  inset-inline-start: -25px;
  top: 6px;
  background-color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .writer-blog__item .meta li::after {
    inset-inline-start: -10px;
  }
}
.writer-blog__item .meta li:first-child {
  position: unset;
}
.writer-blog__thumb {
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .writer-blog__thumb {
    margin-bottom: 20px;
  }
}
.writer-blog__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--white);
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1399px) {
  .writer-blog__title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-blog__title {
    font-size: 20px;
  }
}
.writer-blog__title:hover {
  color: var(--black-9);
}
.writer-inab__hero-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 150px;
}
@media only screen and (max-width: 767px) {
  .writer-inab__hero-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-inab__hero-item {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .writer-inab__hero-thumb-wrap {
    order: 1;
  }
}
.writer-inab__hero-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .writer-inab__hero-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-inab__hero-title {
    font-size: 30px;
  }
}
.writer-inab__hero-title .fat-dash {
  position: relative;
  bottom: 22px;
}
@media only screen and (max-width: 1199px) {
  .writer-inab__hero-title .fat-dash {
    bottom: 8px;
  }
}
.writer-inab__hero-disc-wrap {
  margin-bottom: 70px;
  margin-left: 90px;
}
@media only screen and (max-width: 1399px) {
  .writer-inab__hero-disc-wrap {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-inab__hero-disc-wrap {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-inab__hero-disc-wrap {
    margin-left: 0;
  }
}
.writer-inab__hero-disc-wrap p {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.44;
}
.writer-inab__hero-disc-wrap p:last-child {
  margin-bottom: 0;
}
.writer-inab__hero-scroll-btn {
  position: relative;
  max-width: 130px;
  margin-left: 90px;
}
@media only screen and (max-width: 1399px) {
  .writer-inab__hero-scroll-btn {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .writer-inab__hero-scroll-btn {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-inab__hero-scroll-btn {
    margin-left: 0;
  }
}
.writer-inab__hero-scroll-btn .rotate-text {
  animation: spinner 4s infinite linear;
}
.writer-inab__hero-scroll-btn .scroll-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.writer-inab__hero-thumb {
  position: relative;
  max-width: 508px;
}
.writer-inab__hero-thumb .hero-img {
  border-radius: 232.492px;
  position: relative;
}
.writer-inab__hero-thumb .star-icon {
  top: 50px;
  left: 0;
  position: absolute;
  max-width: 50px;
}
.writer-inab__hero-thumb::before {
  content: "";
  position: absolute;
  left: -48px;
  top: 0;
  height: 100%;
  width: 100%;
  border: 1px solid var(--white);
  border-radius: 232.492px;
}
.light .writer-inab__hero-thumb::before {
  border: 1px solid var(--black-2);
}
@media only screen and (max-width: 767px) {
  .writer-inab__hero-thumb::before {
    left: -12px;
  }
}
.writer-inab__aim-items {
  display: grid;
  grid-template-columns: 0.7fr 0.5fr 0.3fr;
  align-items: center;
  gap: 110px;
}
@media only screen and (max-width: 1199px) {
  .writer-inab__aim-items {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .writer-inab__aim-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .writer-inab__aim-items {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.writer-inab__aim-content .writer-inab__hero-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .writer-inab__aim-content .writer-inab__hero-title {
    margin-bottom: 10px;
  }
}
.writer-inab__aim-content p {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.44;
}
.writer-inab__video-wrapper video {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: -6px;
}
@media only screen and (max-width: 991px) {
  .writer-inab__video-wrapper video {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-inab__video-wrapper video {
    height: 300px;
  }
}
.writer-books__area-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .writer-books__area-title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-books__area-title {
    margin-bottom: 15px;
  }
}
.writer-books__area-title::after {
  content: "";
  position: absolute;
  right: -92px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 80px;
  background-color: var(--white);
}
.writer-books__area-years {
  display: flex;
  gap: 35px;
}
@media only screen and (max-width: 767px) {
  .writer-books__area-years {
    gap: 20px;
  }
}
.writer-books__area-years li {
  color: var(--gray-4);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .writer-books__area-years li {
    font-size: 16px;
  }
}
.writer-books__area-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  grid-column-gap: 100px;
}
@media only screen and (max-width: 767px) {
  .writer-books__area-items {
    grid-template-columns: 1fr;
  }
}
.writer-books__area-items .writer-portfolio__item {
  max-width: 476px;
  margin-top: 153px;
}
@media only screen and (max-width: 767px) {
  .writer-books__area-items .writer-portfolio__item {
    margin-top: 70px;
  }
}
.writer-blog__area-sec-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .writer-blog__area-sec-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog__area-sec-title {
    font-size: 28px;
  }
}
.writer-blog__area-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 60px;
}
@media only screen and (max-width: 991px) {
  .writer-blog__area-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog__area-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 45px;
  }
}
.writer-blog__area-item {
  max-width: 390px;
  overflow: hidden;
}
.writer-blog__area-item img {
  transition: 1s;
}
.writer-blog__area-item:nth-child(5) {
  margin-top: -180px;
}
@media only screen and (max-width: 991px) {
  .writer-blog__area-item:nth-child(5) {
    margin-top: 0;
  }
}
.writer-blog__area-meta {
  display: flex;
  gap: 45px;
  padding-top: 30px;
}
.writer-blog__area-meta li {
  position: relative;
}
.writer-blog__area-meta li:last-child::after {
  display: none;
}
.writer-blog__area-meta li::after {
  position: absolute;
  content: "";
  right: -20px;
  top: 7px;
  width: 1px;
  height: 10px;
  background-color: var(--black-9);
}
.writer-blog__area-meta li a {
  color: var(--black-9);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.writer-blog__area-thumb {
  overflow: hidden;
}
.writer-blog__area-title {
  font-size: 24px;
  color: var(--white);
  font-weight: 400;
  line-height: 1.41;
  text-transform: uppercase;
  padding-top: 10px;
  transition: all 0.3s;
}
.writer-blog__area-title:hover {
  color: var(--black-9);
}
.writer-blog-details-tags {
  display: flex;
  gap: 20px;
}
.writer-blog-details-tags li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71;
  text-transform: uppercase;
}
.writer-blog-details .writer-blog__area-meta {
  justify-content: center;
}
.writer-blog-details-title-wrap {
  text-align: center;
}
.writer-blog-details-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .writer-blog-details-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog-details-title {
    font-size: 28px;
  }
}
.writer-blog-details-disc {
  max-width: 1070px;
  margin: auto;
}
.writer-blog-details-disc p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  margin-bottom: 20px;
}
.writer-blog-details-sub-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.27;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .writer-blog-details-sub-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog-details-sub-title {
    font-size: 22px;
  }
}
.writer-blog-details-quote {
  background-color: #2F2F2F;
  position: relative;
  padding: 40px 80px;
}
@media only screen and (max-width: 991px) {
  .writer-blog-details-quote {
    padding: 30px;
  }
}
.writer-blog-details-quote-icon {
  position: absolute;
  right: 23px;
  bottom: 0;
  max-width: 120px;
}
@media only screen and (max-width: 767px) {
  .writer-blog-details-quote-icon {
    max-width: 50px;
  }
}
.writer-blog-details-text h2 {
  color: var(--white);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.41;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.writer-blog-details-author p {
  position: relative;
  padding-left: 50px;
}
.writer-blog-details-author p::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 13px;
  background: var(--gray);
  height: 1px;
  width: 40px;
}
.writer-blog-details-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media only screen and (max-width: 991px) {
  .writer-blog-details-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .writer-blog-details-items {
    grid-template-columns: 1fr;
  }
}
.writer-blog-details-latest-item {
  max-width: 390px;
}
.writer-blog-details-latest-item .writer-blog__area-meta {
  justify-content: flex-start;
}
.writer-contact__area-form-wrap {
  max-width: 548px;
}
.writer-contact__area-field {
  position: relative;
}
.writer-contact__area-field.msg-field textarea {
  height: 170px;
}
.writer-contact__area-field input,
.writer-contact__area-field textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--black-9);
  background-color: transparent;
  padding: 30px 0;
  padding-top: 50px;
  padding-bottom: 0;
  color: var(--white);
}
.light .writer-contact__area-field input,
.light .writer-contact__area-field textarea {
  color: var(--black-2);
}
.writer-contact__area-field input:-moz-placeholder-shown ~ label, .writer-contact__area-field textarea:-moz-placeholder-shown ~ label {
  font-size: 1.3rem;
  cursor: text;
  top: 20px;
}
.writer-contact__area-field input:placeholder-shown ~ label,
.writer-contact__area-field textarea:placeholder-shown ~ label {
  font-size: 1.3rem;
  cursor: text;
  top: 20px;
}
.writer-contact__area-field input:focus,
.writer-contact__area-field textarea:focus {
  outline: 0;
  padding-top: 46px;
  padding-bottom: 10px;
}
.writer-contact__area-field input:focus ~ label,
.writer-contact__area-field textarea:focus ~ label {
  transition: 0.2s;
  font-size: 14px;
}
.writer-contact__area-field label {
  position: absolute;
  top: 25px;
  display: block;
  transition: 0.2s;
  font-size: 18px;
  transition: 0.4s;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .writer-contact__area-content {
    margin-top: 50px;
  }
}
.writer-contact__area-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .writer-contact__area-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .writer-contact__area-title {
    font-size: 35px;
  }
  .writer-contact__area-title br {
    display: block;
  }
}
.writer-contact__area-title span {
  width: 219px;
  height: 7px;
  background-color: var(--white-3);
  display: inline-block;
  position: relative;
  top: -18px;
}
.light .writer-contact__area-title span {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .writer-contact__area-title span {
    width: 50px;
  }
}
.writer-contact__area-disc {
  margin-top: 69px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .writer-contact__area-disc {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.writer-contact__area-disc p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.writer-contact__area-telinfo li:last-child a {
  padding-bottom: 0;
}
.writer-contact__area-telinfo li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  display: inline-block;
  padding-bottom: 16px;
}
.writer-contact__area-telinfo li a:hover {
  color: var(--white);
}
.light .writer-contact__area-telinfo li a:hover {
  color: var(--black-2);
}
.writer-contact__area-social {
  display: flex;
  gap: 47px;
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .writer-contact__area-social {
    margin-top: 30px;
  }
}
.writer-contact__area-social li {
  position: relative;
}
.writer-contact__area-social li:last-child::after {
  display: none;
}
.writer-contact__area-social li::after {
  position: absolute;
  content: "";
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 1px;
  background-color: var(--gray-4);
}

.light.writer-hero__area {
  background-color: var(--white-9);
}
.light.writer-hero__area::after {
  position: absolute;
  background: linear-gradient(180deg, rgba(28, 29, 32, 0) 0%, var(--white-9) 85%);
}
.light.writer-about__area {
  background-color: var(--white-9);
}
.light.writer-about__area .sec-title-11::after {
  background: var(--gray-2);
}
.light.writer-publish__area {
  background-color: var(--white-9);
}
.light.writer-award__area {
  background-image: url(../imgs/writer/shape-10.png);
}
.light.writer-blog__area .sec-title-wrap::after {
  background: var(--gray-2);
}
.light.writer-blog__area .sec-title-wrap a {
  color: var(--gray-10);
}
.light.writer-blog__area .sec-title-wrap a:hover {
  color: var(--black-2);
}
.light .writer-hero__top .link {
  color: var(--black-2);
  border-top: 1px solid var(--black-2);
}
.light .writer-hero__top .link::after {
  filter: invert(1);
}
.light .writer-hero__top .link img {
  filter: invert(1);
}
.light .writer-hero__title {
  color: var(--black-2);
}
.light .writer-hero__btm .right p {
  color: var(--black-2);
}
.light .writer-about__content .read {
  color: var(gray-10);
}
.light .writer-featured__title {
  color: var(--black-2);
}
.light .writer-portfolio__top {
  border-color: var(--gray-2);
}
.light .writer-portfolio__mid p {
  color: var(--gray-10);
}
.light .writer-portfolio__item .date {
  color: var(--gray-10);
}
.light .writer-portfolio__info a {
  color: var(--gray-10);
  border-color: var(--gray-10);
}
.light .writer-portfolio__info a:hover {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .writer-publish__title {
  color: var(--black-2);
}
.light .writer-publish__sub-title {
  color: var(--black-2);
}
.light .writer-publish__sub-title span {
  background: var(--black-2);
}
.light .writer-publish__year .year {
  color: var(--black-2);
}
.light .writer-publish__book .name {
  color: var(--gray-10);
}
.light .writer-publish__book p {
  color: var(--gray-10);
}
.light .writer-publish__note {
  border-color: var(--gray-2);
}
.light .writer-publish__note p {
  border-color: var(--gray-2);
  color: var(--gray-10);
}
.light .writer-publish__note p span {
  color: var(--black-2);
}
.light .writer-award__title {
  color: var(--black-2);
}
.light .writer-award__title span {
  color: var(--white);
  background-color: var(--black-2);
}
.light .writer-award__content p {
  color: var(--gray-10);
}
.light .writer-award__content p span {
  color: var(--black-2);
}
.light .writer-award__content p a {
  color: var(--black-2);
}
.light .writer-award__content p a::after {
  background-color: var(--black-2);
}
.light .writer-award__right .title {
  color: var(--black-2);
  border-color: var(--gray-2);
}
.light.follow-instagram p {
  color: var(--gray);
}
.light.follow-instagram p::after {
  background-color: var(--gray-2);
}
.light.follow-instagram p a {
  color: var(--black-2);
}
.light.follow-instagram p a:hover {
  color: var(--gray-10);
}

/*
    SOCIAL INFLUENCER TEMPLATE COMMON STYLES
*/
.body-sfluence {
  background-color: #272422;
}
.light .body-sfluence {
  background-color: #F0ECE9;
}

.sfluence-follow-wrap {
  max-width: 200px;
}

.joya__contact-btnwraper {
  max-width: 200px;
}
.joya__contact-btnwraper .submit-btn {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  padding: 15px;
  color: var(--white-11);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.3s;
}
.light .joya__contact-btnwraper .submit-btn {
  border-top: 1px solid var(--black-9);
  border-bottom: 1px solid var(--black-9);
  color: var(--black-2);
}
.joya__contact-btnwraper .submit-btn:hover img {
  transform: rotate(45deg);
}
.joya__contact-btnwraper .submit-btn img {
  margin-left: 10px;
  transition: all 0.3s;
}

.sfuence-inbd-comment-form .elc-inbd-comment__field input, .sfuence-inbd-comment-form .elc-inbd-comment__field textarea {
  background: rgba(255, 255, 255, 0.1);
}

.sinfluence__blog-related-title {
  color: var(--black-9);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  text-transform: lowercase;
}
.sinfluence__blog-related-title:hover {
  color: var(--white);
}
.light .sinfluence__blog-related-title:hover {
  color: var(--black-2);
}

.lawyer-contact__box-subTitle.contact-subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
}

.lawyer-contact__box-title.sinfluence-title {
  font-family: var(--font_estedad);
}
.light .lawyer-contact__box-title.sinfluence-title {
  color: var(--white);
}

.sfluence-insd__area-faq .accordion-header {
  font-family: var(--font_primary);
}
.light .sfluence-insd__area-faq .accordion-header {
  border-bottom: 1px solid var(--white-7);
}

/*
    SOCIAL INFLUENCER TEMPLATE MAIN STYLES
*/
.sfluence-hero__area {
  padding-inline-start: 100px;
  padding-inline-end: 100px;
}
@media only screen and (max-width: 1919px) {
  .sfluence-hero__area {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__area {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}
.sfluence-hero__title {
  font-weight: 400;
  font-size: 180px;
  line-height: 0.9;
  color: var(--white-11);
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .sfluence-hero__title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-hero__title {
    font-size: 60px;
  }
}
.sfluence-hero__title span {
  display: block;
  padding-inline-end: 70px;
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__title span {
    padding-inline-end: 30px;
  }
}
.sfluence-hero__title-pd {
  padding-bottom: 30px;
  padding-top: 130px;
  text-align: end;
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__title-pd {
    padding-top: 90px;
  }
}
.sfluence-hero__wrap {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 3.2fr 0.8fr;
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__wrap {
    grid-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-hero__wrap {
    grid-template-columns: 1fr;
  }
}
.sfluence-hero__top {
  gap: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .sfluence-hero__top {
    gap: 20px;
    align-items: center;
    flex-direction: row;
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
.sfluence-hero__top .video-wrap {
  background-image: url(../imgs/social-influence/ellipse.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 160px;
  position: relative;
  height: 220px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__top .video-wrap {
    height: 180px;
    background-size: 120px;
  }
}
.sfluence-hero__top .video-wrap .video-icon {
  font-size: 18px;
  display: flex;
  color: var(--white);
  padding: 10px;
  position: absolute;
  top: 25px;
  inset-inline-start: 25px;
  z-index: 9;
  transition: all 0.3s;
}
.light .sfluence-hero__top .video-wrap .video-icon {
  color: var(--black-2);
}
.sfluence-hero__top .video-wrap .video-icon:hover {
  color: var(--primary);
}
.sfluence-hero__top .video-wrap img {
  padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__top .video-wrap img {
    width: 160px;
    padding-top: 45px;
  }
}
.sfluence-hero__mid {
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__mid {
    padding-bottom: 20px;
  }
}
.sfluence-hero__mid .img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
  max-width: 560px;
}
@media only screen and (max-width: 1919px) {
  .sfluence-hero__mid .img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__mid .img {
    max-width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__mid .img {
    max-width: 360px;
  }
}
.sfluence-hero__mid .subscribe_me_width {
  width: 290px;
  margin-inline-start: auto;
  margin-inline-end: 70px;
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__mid .subscribe_me_width {
    width: 270px;
    margin-inline-end: 30px;
  }
}
.sfluence-hero__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-9);
  max-width: 290px;
  margin-inline-start: auto;
  margin-inline-end: 70px;
  padding-bottom: 45px;
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__text p {
    margin-inline-end: 30px;
    padding-bottom: 30px;
  }
}
.sfluence-hero__btm {
  display: flex;
  gap: 30px;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 35px;
  position: relative;
  z-index: 1;
}
.sfluence-hero__btm .arrow {
  margin-inline-end: 50px;
  margin-bottom: 90px;
}
.dir-rtl .sfluence-hero__btm .arrow {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1199px) {
  .sfluence-hero__btm .arrow {
    margin-inline-end: 30px;
    margin-bottom: 50px;
    height: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-hero__btm .arrow {
    margin-bottom: 10px;
  }
}
.sfluence-hero__btm .imgs {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .sfluence-hero__btm .imgs {
    gap: 100px;
    display: flex;
    flex-direction: row-reverse;
  }
}
.sfluence-brand__slider-wrap {
  max-width: 810px;
  margin: 0 auto;
  margin-top: 30px;
}
.sfluence-brand__slider-wrap img {
  max-width: 65px;
  filter: brightness(20);
}
.light .sfluence-brand__slider-wrap img {
  filter: brightness(0);
}
.sfluence-about__area {
  position: relative;
  background-color: var(--yellow-2);
}
.sfluence-about__area .img {
  position: absolute;
  width: calc(50% - 97px);
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__area .img {
    width: calc(50% - 110px);
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-about__area .img {
    width: calc(50% - 80px);
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__area .img {
    width: calc(50% - 77px);
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__area .img {
    width: 0;
  }
}
.sfluence-about__area .sec-title-7 {
  color: var(--black-2);
  padding-bottom: 30px;
}
.sfluence-about__area .sec-sub-title-3 {
  transform: translateY(-100%);
  position: relative;
  display: inline-block;
  background-color: var(--yellow-2);
  padding: 0 20px;
  margin-inline-start: -20px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-about__area .sec-sub-title-3 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__area .sec-sub-title-3 {
    padding: 0 10px;
    margin-inline-start: -10px;
  }
}
.sfluence-about__content {
  padding-inline-start: 440px;
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__content {
    padding-inline-start: 365px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-about__content {
    padding-inline-start: 305px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__content {
    padding-inline-start: 250px;
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__content {
    padding-inline-start: 0;
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
.sfluence-about__content p {
  font-size: 18px;
  color: var(--black-2);
  padding-bottom: 45px;
  text-indent: 80px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-about__content p {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__content p {
    text-indent: 40px;
  }
}
.sfluence-about__inner {
  z-index: 9;
  position: relative;
  border: 1px solid var(--black-2);
  border-inline-start: 1px solid var(--white);
  padding: 0 70px 70px 210px;
}
.dir-rtl .sfluence-about__inner {
  padding: 0 210px 70px 70px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__inner {
    padding: 0 60px 60px 160px;
  }
  .dir-rtl .sfluence-about__inner {
    padding: 0 160px 60px 60px;
  }
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__inner {
    padding: 0 50px 50px 150px;
  }
  .dir-rtl .sfluence-about__inner {
    padding: 0 150px 50px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__inner {
    padding: 0 20px 40px 40px;
  }
  .dir-rtl .sfluence-about__inner {
    padding: 0 40px 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__inner {
    padding: 0 20px 40px;
    border-inline-start-color: var(--black-2);
  }
}
.sfluence-about__inner::before {
  position: absolute;
  content: "";
  width: 110px;
  height: 1px;
  background: var(--white);
  inset-inline-start: 0;
  bottom: -1px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__inner::before {
    width: 82px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__inner::before {
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__inner::before {
    display: none;
  }
}
.sfluence-about__inner::after {
  position: absolute;
  content: "";
  width: 110px;
  height: 1px;
  background: var(--white);
  inset-inline-start: 0;
  top: -1px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-about__inner::after {
    width: 82px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-about__inner::after {
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-about__inner::after {
    display: none;
  }
}
.sfluence-about__inner .wc-btn-underline {
  text-transform: uppercase;
  color: var(--black-2);
}
.sfluence-about__inner .wc-btn-underline:after {
  background-color: currentColor;
}
.sfluence-about__inner .wc-btn-underline img {
  transform: rotate(-45deg);
  max-width: 18px;
}
.sfluence-service__top {
  max-width: 915px;
  margin: 0 auto;
  overflow: hidden;
}
.sfluence-service__text p {
  max-width: 220px;
  margin-inline-start: 30px;
  color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .sfluence-service__text p {
    max-width: 290px;
    margin-inline-start: 0;
  }
}
.sfluence-service__title {
  font-weight: 400;
  font-size: 150px;
  line-height: 1;
  color: var(--white-11);
  text-transform: uppercase;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .sfluence-service__title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title {
    font-size: 48px;
  }
}
.sfluence-service__title::before {
  position: absolute;
  content: "";
  top: 60px;
  inset-inline-start: 110px;
  width: 150px;
  height: 1px;
  background-color: var(--white-11);
}
@media only screen and (max-width: 991px) {
  .sfluence-service__title::before {
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title::before {
    top: 24px;
    width: 40px;
  }
}
.sfluence-service__title span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title span {
    display: inline-block;
  }
}
.sfluence-service__title span:nth-child(1) {
  display: inline-block;
  padding-inline-start: 310px;
}
@media only screen and (max-width: 991px) {
  .sfluence-service__title span:nth-child(1) {
    padding-inline-start: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title span:nth-child(1) {
    padding-inline-start: 50px;
  }
}
.sfluence-service__title span:nth-child(3) {
  float: right;
}
.dir-rtl .sfluence-service__title span:nth-child(3) {
  float: left;
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title span:nth-child(3) {
    text-align: end;
    padding-bottom: 20px;
  }
}
.sfluence-service__title img {
  max-width: 170px;
}
@media only screen and (max-width: 767px) {
  .sfluence-service__title img {
    max-width: 90px;
  }
}
.sfluence-service__pd {
  margin-top: 110px;
  padding-top: 70px;
  border-top: 1px solid var(--gray-9);
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__pd {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__pd {
    margin-top: 50px;
    padding-top: 50px;
  }
}
.sfluence-service__item {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .sfluence-service__item {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__item {
    padding-bottom: 50px;
    grid-template-columns: 1fr;
  }
}
.sfluence-service__item:nth-child(even) .sfluence-service__info {
  order: 1;
  padding-inline-start: 200px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__info {
    padding-inline-start: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__info {
    padding-inline-start: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__info {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__info {
    order: unset;
    padding-inline-start: 0;
  }
}
.sfluence-service__item:nth-child(even) .sfluence-service__img {
  order: 2;
  padding-inline-end: 0;
  padding-inline-start: 110px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__img {
    padding-inline-start: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__img {
    padding-inline-start: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__img {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__item:nth-child(even) .sfluence-service__img {
    order: unset;
    padding-inline-start: 0;
  }
}
.sfluence-service__img {
  padding-inline-end: 110px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__img {
    padding-inline-end: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__img {
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-service__img {
    padding-inline-end: 0;
  }
}
.sfluence-service__img img {
  width: 100%;
}
.sfluence-service__info .number {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__info .number {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__info .number {
    padding-bottom: 30px;
  }
}
.sfluence-service__info .sec-title-6 {
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .sfluence-service__info .sec-title-6 {
    padding-bottom: 10px;
  }
}
.sfluence-service__info p {
  font-size: 18px;
  max-width: 410px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .sfluence-service__info p {
    font-size: 16px;
    padding-bottom: 30px;
  }
}
.sfluence-service__info .logos {
  display: flex;
  gap: 50px;
  align-items: center;
  position: relative;
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .sfluence-service__info .logos {
    gap: 30px;
  }
}
.sfluence-service__info .logos::before {
  position: absolute;
  content: "";
  width: 110px;
  height: 1px;
  inset-inline-start: 0;
  top: 0;
  background-color: var(--gray-9);
}
.sfluence-service__info .logos img {
  filter: brightness(1);
}
.light .sfluence-service__info .logos img {
  filter: brightness(0.4);
}
.sfluence-service__btm {
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-service__btm {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-service__btm {
    padding-top: 10px;
  }
}
.sfluence-service__btm .arrow {
  margin-bottom: 50px;
}
.sfluence-service__btm .wc-btn-underline {
  text-transform: uppercase;
  border-top: 1px solid #F0ECE9;
  border-bottom: 1px solid #F0ECE9;
  padding: 14px 50px;
}
.light .sfluence-service__btm .wc-btn-underline {
  border-color: var(--black-2);
}
.sfluence-service__btm .wc-btn-underline::after {
  display: none;
}
.sfluence-service__btm .wc-btn-underline img {
  transform: rotate(-45deg);
  width: 18px;
  filter: brightness(10);
}
.light .sfluence-service__btm .wc-btn-underline img {
  filter: brightness(1);
}
.sfluence-testimonial__area {
  background-image: url(../imgs/social-influence/10.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sfluence-testimonial__width {
  max-width: 850px;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .sfluence-testimonial__width {
    max-width: 680px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-testimonial__width {
    max-width: 500px;
  }
}
.sfluence-testimonial__wrap {
  position: relative;
}
.sfluence-testimonial__wrap::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  top: 0;
  inset-inline-start: -120px;
  background-image: url(../imgs/social-influence/quote-left.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.dir-rtl .sfluence-testimonial__wrap::before {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .sfluence-testimonial__wrap::before {
    inset-inline-start: -100px;
  }
}
.sfluence-testimonial__wrap::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  bottom: 0;
  inset-inline-end: -120px;
  background-image: url(../imgs/social-influence/quote-right.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.dir-rtl .sfluence-testimonial__wrap::after {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .sfluence-testimonial__wrap::after {
    inset-inline-end: -100px;
  }
}
.sfluence-testimonial__slider .author {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: var(--white);
  position: relative;
  padding-inline-start: 110px;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .sfluence-testimonial__slider .author {
    font-size: 20px;
    padding-inline-start: 10px;
    padding-top: 25px;
  }
}
.sfluence-testimonial__slider .author span {
  width: 80px;
  height: 1px;
  display: inline-block;
  background-color: var(--white);
  margin-inline-end: 30px;
  margin-bottom: 6px;
}
.sfluence-testimonial__slider .sec-title-7 {
  text-indent: 100px;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .sfluence-blog__area .sec-title-6 {
    padding-bottom: 30px;
  }
  .sfluence-blog__area .sec-title-6 br {
    display: block;
  }
}
.sfluence-blog__text {
  max-width: 440px;
  margin-inline-start: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.sfluence-blog__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-9);
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .sfluence-blog__text p {
    padding-bottom: 25px;
  }
}
.sfluence-blog__text .wc-btn-underline {
  text-transform: uppercase;
}
.sfluence-blog__text .wc-btn-underline img {
  max-width: 18px;
  transform: rotate(-45deg);
  filter: brightness(10);
}
.light .sfluence-blog__text .wc-btn-underline img {
  filter: brightness(1);
}
.sfluence-blog__grid {
  display: grid;
  grid-gap: 120px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 50px;
}
@media only screen and (max-width: 1399px) {
  .sfluence-blog__grid {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-blog__grid {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-blog__grid {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-blog__grid {
    grid-gap: 40px;
    padding-top: 40px;
    grid-template-columns: 1fr;
  }
}
.sfluence-blog__item {
  position: relative;
}
.sfluence-blog__item:hover .sfluence-blog__title {
  color: var(--primary);
}
.sfluence-blog__item:hover .thumb {
  padding: 20px;
  border-color: var(--gray-9);
}
.sfluence-blog__item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-end: -62px;
  top: 0;
  background-color: var(--gray-9);
}
@media only screen and (max-width: 1399px) {
  .sfluence-blog__item::after {
    inset-inline-end: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-blog__item::after {
    inset-inline-end: -20px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-blog__item::after {
    inset-inline-end: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-blog__item::after {
    display: none;
  }
}
.sfluence-blog__item:last-child::after {
  position: unset;
}
.sfluence-blog__item .thumb {
  width: 100%;
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 0.5s;
  border: 1px solid transparent;
}
@media only screen and (max-width: 1199px) {
  .sfluence-blog__item .thumb {
    height: 368px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-blog__item .thumb {
    height: 280px;
    margin-bottom: 20px;
  }
}
.sfluence-blog__item .thumb img {
  width: 100%;
}
.sfluence-blog__item .thumb a {
  display: block;
}
.sfluence-blog__item .meta {
  gap: 50px;
  display: flex;
  padding-bottom: 10px;
}
.sfluence-blog__item .meta li {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--black-9);
  position: relative;
  text-transform: uppercase;
}
.sfluence-blog__item .meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  inset-inline-start: -25px;
  top: 6px;
  background-color: var(--black-9);
}
.sfluence-blog__item .meta li:first-child::after {
  position: unset;
}
.sfluence-blog__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  color: var(--white-11);
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1399px) {
  .sfluence-blog__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-blog__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-blog__title {
    font-size: 18px;
  }
}
.sfluence-award__area {
  padding: 25px 0 20px;
  background-color: var(--yellow-2);
}
.sfluence-award__flex {
  gap: 50px;
  display: flex;
  justify-content: center;
}
.sfluence-award__item {
  gap: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sfluence-award__item .text {
  font-family: "RomanStory", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  text-align: end;
  text-transform: uppercase;
  color: var(--black-2);
}
.sfluence-video__title {
  font-weight: 400;
  font-size: 150px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-11);
}
@media only screen and (max-width: 1399px) {
  .sfluence-video__title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .sfluence-video__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-video__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__title {
    font-size: 48px;
  }
}
.sfluence-video__title img {
  max-width: 60px;
  margin: 0 65px;
}
.light .sfluence-video__title img {
  filter: brightness(0.2);
}
@media only screen and (max-width: 991px) {
  .sfluence-video__title img {
    margin: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__title img {
    max-width: 40px;
    margin: 0 10px;
  }
}
.sfluence-video__top {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-video__top {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__top {
    padding-bottom: 20px;
  }
}
.sfluence-video__text p {
  max-width: 275px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  float: right;
  text-indent: 40px;
  padding-top: 10px;
  margin-inline-end: 80px;
  color: var(--black-9);
}
.dir-rtl .sfluence-video__text p {
  float: left;
}
@media only screen and (max-width: 1199px) {
  .sfluence-video__text p {
    max-width: 365px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-video__text p {
    padding-top: 0;
    margin-top: -15px;
    max-width: 345px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__text p {
    margin-top: 0;
    padding-bottom: 20px;
  }
}
.sfluence-video__mlt {
  margin-inline-start: 90px;
  margin-inline-end: 90px;
}
@media only screen and (max-width: 1919px) {
  .sfluence-video__mlt {
    margin-inline-start: 50px;
    margin-inline-end: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .sfluence-video__mlt {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__mlt {
    margin: 0;
  }
}
.sfluence-video__mlt .swiper {
  width: 100%;
  padding-top: 85px;
  padding-bottom: 170px;
}
@media only screen and (max-width: 991px) {
  .sfluence-video__mlt .swiper {
    padding-top: 50px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-video__mlt .swiper {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
.sfluence-video__mlt .swiper-slide {
  transition: all 0.3s ease;
  overflow-x: clip;
}
.sfluence-video__mlt .swiper-slide-active .slider-icon {
  opacity: 1;
  visibility: visible;
}
.sfluence-video__mlt .swiper-slide-active img {
  transform: scale(1.25);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .sfluence-video__mlt .swiper-slide-active img {
    transform: scale(1);
  }
}
.sfluence-video__mlt .swiper-pagination-fraction {
  bottom: 0;
  font-weight: 400;
  font-size: 18px;
  color: var(--white-11);
  font-family: "RomanStory", serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .sfluence-video__mlt .swiper-pagination-fraction {
    bottom: -40px;
  }
}
.sfluence-video__mlt .mid-line {
  width: 130px;
  height: 1px;
  margin: 0 10px 6px;
  display: inline-block;
  background: var(--white-11);
}
.sfluence-video__slide img {
  width: 100%;
  transition: all 0.3s;
}
.sfluence-video__slide .slider-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  border: 1px solid var(--white);
  border-radius: 100%;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sfluence-video__slide .slider-icon:hover {
  color: var(--black-2);
  border-color: var(--black-2);
}
.sfluence-event__top {
  padding-bottom: 95px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-event__top {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-event__top {
    padding-bottom: 40px;
  }
}
.sfluence-event__text-ml {
  margin-top: 60px;
  margin-inline-start: 520px;
}
@media only screen and (max-width: 991px) {
  .sfluence-event__text-ml {
    margin-inline-start: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-event__text-ml {
    margin-inline-start: 0;
    margin-top: 20px;
  }
}
.sfluence-event__text p {
  font-size: 18px;
  font-weight: 400;
  max-width: 320px;
  line-height: 1.4;
  text-indent: 30px;
  color: var(--black-9);
  position: relative;
}
.sfluence-event__text p::before {
  position: absolute;
  content: "";
  width: 140px;
  height: 1px;
  inset-inline-start: -220px;
  top: 10px;
  background: var(--white-11);
}
.sfluence-event__item {
  border-bottom: 1px solid var(--gray-9);
}
.sfluence-event__item:hover .link img {
  transform: rotate(45deg);
}
.sfluence-event__item:first-child {
  border-top: 1px solid var(--gray-9);
}
.sfluence-event__item a {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 0.6fr 1.2fr 1fr 0.2fr;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .sfluence-event__item a {
    padding: 30px 0;
    grid-template-columns: 0.6fr 1.2fr 1fr 0.1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-event__item a {
    grid-template-columns: 1fr;
  }
}
.sfluence-event__item .location {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--black-9);
  text-transform: uppercase;
}
.sfluence-event__item .title {
  font-family: "RomanStory", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.1;
  color: var(--white-11);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-event__item .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-event__item .title {
    font-size: 20px;
  }
}
.sfluence-event__item .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--black-9);
  padding-top: 10px;
}
.sfluence-event__item .text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  max-width: 330px;
  color: var(--black-9);
}
.sfluence-event__item .link {
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .sfluence-event__item .link {
    margin-inline-start: 0;
  }
}
.sfluence-event__item .link img {
  transition: all 0.3s;
}
.sfluence-event__item .bg-img {
  position: absolute;
  width: 220px;
  height: 290px;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.5s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: -145px;
  margin-left: -110px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: -1;
}
.sfluence-event__item:hover .bg-img {
  opacity: 1;
}
.sfluence-subscribe__area {
  position: relative;
  background-image: url(../imgs/social-influence/bg-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.sfluence-subscribe__area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  background-image: url(../imgs/social-influence/overlay-2.png);
}
.sfluence-subscribe__title {
  font-weight: 400;
  font-size: 50px;
  line-height: 1;
  color: var(--white) !important;
  text-transform: uppercase;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .sfluence-subscribe__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-subscribe__title {
    font-size: 32px;
  }
}
.sfluence-subscribe__width {
  max-width: 700px;
  margin: 0 auto;
}
.sfluence-subscribe__form form {
  z-index: 1;
  position: relative;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .sfluence-subscribe__form form {
    gap: 20px;
  }
}
.sfluence-subscribe__form form input, .sfluence-subscribe__form form .cf-details-comment__field textarea, .cf-details-comment__field .sfluence-subscribe__form form textarea, .sfluence-subscribe__form form .dt-inap__appointment textarea, .dt-inap__appointment .sfluence-subscribe__form form textarea, .sfluence-subscribe__form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .sfluence-subscribe__form form textarea {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 1px solid var(--white);
  padding-bottom: 10px;
}
.sfluence-subscribe__form form input::-moz-placeholder, .sfluence-subscribe__form form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .sfluence-subscribe__form form textarea::-moz-placeholder, .sfluence-subscribe__form form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .sfluence-subscribe__form form textarea::-moz-placeholder, .sfluence-subscribe__form form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .sfluence-subscribe__form form textarea::-moz-placeholder {
  opacity: 1;
  color: var(--white);
}
.sfluence-subscribe__form form input::placeholder, .sfluence-subscribe__form form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .sfluence-subscribe__form form textarea::placeholder, .sfluence-subscribe__form form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .sfluence-subscribe__form form textarea::placeholder, .sfluence-subscribe__form form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .sfluence-subscribe__form form textarea::placeholder {
  opacity: 1;
  color: var(--white);
}
.sfluence-subscribe__form form .submit {
  width: 100px;
  text-align: start;
  background-image: url(../imgs/social-influence/arrow-2.png);
  background-repeat: no-repeat;
  background-position: right 8px;
}
.dir-rtl .sfluence-subscribe__form form .submit {
  background-position: left 8px;
}
@media only screen and (max-width: 767px) {
  .sfluence-subscribe__form form .submit {
    width: 120px;
  }
}

/*
    SOCIAL INFLUENCER INNER STYLES
*/
.sfluence-inab__area {
  padding-top: 310px;
  padding-bottom: 215px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inab__area {
    padding-top: 210px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__area {
    padding-bottom: 80px;
    padding-top: 150px;
  }
}
.sfluence-inab__area-content {
  max-width: 1037px;
  margin: auto;
}
.sfluence-inab__area-title-wrap {
  position: relative;
}
.sfluence-inab__area-title {
  color: var(--white-11);
  font-size: 180px;
  font-weight: 400;
  line-height: 0.88;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inab__area-title {
    font-size: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__area-title {
    font-size: 45px;
    padding-bottom: 15px;
  }
  .sfluence-inab__area-title br {
    display: none;
  }
}
.sfluence-inab__area-disc-wrap {
  position: absolute;
  inset-inline-end: 70px;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__area-disc-wrap {
    right: 0;
    top: -34px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__area-disc-wrap {
    position: unset;
  }
}
.sfluence-inab__area-disc {
  max-width: 275px;
}
.sfluence-inab__area-disc p {
  color: var(--gray-4);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
  text-indent: 40px;
}
.sfluence-inab__area-thumb {
  padding-left: 90px;
  padding-right: 30px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inab__area-thumb {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__area-thumb {
    display: none;
  }
}
.sfluence-inab__history {
  background-color: var(--yellow-2);
  padding-top: 150px;
  padding-bottom: 150px;
}
.light .sfluence-inab__history {
  background-color: transparent;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inab__history {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.sfluence-inab__history-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 125px;
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history-items {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__history-items {
    grid-template-columns: 1fr;
  }
}
.sfluence-inab__history-sub-title {
  color: var(--black-2);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  padding-bottom: 20px;
}
.sfluence-inab__history-title {
  color: var(--black-2);
  font-size: 60px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inab__history-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history-title {
    font-size: 35px;
  }
  .sfluence-inab__history-title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__history-title {
    font-size: 32px;
  }
}
.sfluence-inab__history-disc p {
  text-indent: 80px;
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.sfluence-inab__history-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .sfluence-inab__history-images {
    grid-template-columns: repeat(1, 1fr);
  }
}
.sfluence-inab__history-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 100px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history-bottom {
    padding-top: 70px;
  }
}
.sfluence-inab__history-bottom .video-wrap {
  background-image: url(../imgs/social-influence/ellipse.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 160px;
  position: relative;
  height: 220px;
}
.sfluence-inab__history-bottom .video-icon {
  font-size: 18px;
  display: flex;
  color: var(--white);
  padding: 10px;
  position: absolute;
  top: 25px;
  inset-inline-start: 25px;
  z-index: 9;
  transition: all 0.3s;
}
.sfluence-inab__history-bottom .total_views p {
  color: var(--black-2);
}
.sfluence-inab__history-bottom .total_views span {
  color: var(--black-2);
}
.sfluence-inab__history-bottom .counter-number-wrap {
  position: absolute;
  top: 74px;
  inset-inline-start: -60px;
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history-bottom .counter-number-wrap {
    top: 50px;
    inset-inline-start: -30px;
  }
}
.sfluence-inab__history-bottom .counter-number {
  color: rgba(28, 29, 32, 0.1);
  font-size: 80px;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .sfluence-inab__history-bottom .counter-number {
    font-size: 60px;
  }
}
.sfluence-ins__area {
  padding-top: 300px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-ins__area {
    padding-top: 150px;
  }
}
.sfluence-insd__area-title {
  color: var(--white-11);
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-insd__area-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-insd__area-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-insd__area-title {
    font-size: 35px;
  }
}
.sfluence-insd__area-title-md {
  color: var(--white-11);
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-insd__area-title-md {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-insd__area-title-md {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-insd__area-title-md {
    font-size: 24px;
  }
}
.sfluence-insd__area-title-xs {
  color: #BABABA;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.42;
  margin-bottom: 15px;
}
.sfluence-insd__area-wrap {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 100px;
  padding-top: 60px;
}
@media only screen and (max-width: 991px) {
  .sfluence-insd__area-wrap {
    grid-template-columns: 1fr;
  }
}
.sfluence-insd__area-content p {
  font-size: 18px;
  margin-bottom: 20px;
}
.sfluence-insd__area-sidebar {
  padding: 60px 40px;
  background: rgba(217, 217, 217, 0.01);
}
.light .sfluence-insd__area-sidebar {
  background-color: var(--white-2);
}
@media only screen and (max-width: 991px) {
  .sfluence-insd__area-sidebar {
    padding: 40px 25px;
  }
}
.sfluence-insd__area-sidebar-item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--gray-9);
}
.sfluence-insd__area-sidebar-item:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
  padding-bottom: 0;
}
.sfluence-contact__area .joya__contact-formfield input ::-moz-placeholder, .sfluence-contact__area .joya__contact-formfield .cf-details-comment__field textarea ::-moz-placeholder, .cf-details-comment__field .sfluence-contact__area .joya__contact-formfield textarea ::-moz-placeholder, .sfluence-contact__area .joya__contact-formfield .dt-inap__appointment textarea ::-moz-placeholder, .dt-inap__appointment .sfluence-contact__area .joya__contact-formfield textarea ::-moz-placeholder, .sfluence-contact__area .joya__contact-formfield .elc-inbd-comment__field textarea ::-moz-placeholder, .elc-inbd-comment__field .sfluence-contact__area .joya__contact-formfield textarea ::-moz-placeholder {
  color: var(--black-9);
}
.sfluence-contact__area .joya__contact-formfield input ::placeholder, .sfluence-contact__area .joya__contact-formfield .cf-details-comment__field textarea ::placeholder, .cf-details-comment__field .sfluence-contact__area .joya__contact-formfield textarea ::placeholder, .sfluence-contact__area .joya__contact-formfield .dt-inap__appointment textarea ::placeholder, .dt-inap__appointment .sfluence-contact__area .joya__contact-formfield textarea ::placeholder, .sfluence-contact__area .joya__contact-formfield .elc-inbd-comment__field textarea ::placeholder, .elc-inbd-comment__field .sfluence-contact__area .joya__contact-formfield textarea ::placeholder {
  color: var(--black-9);
}
.sfluence-contact__area .joya__contact-msg textarea {
  height: 150px;
  width: 100%;
  background-color: transparent;
  padding-top: 10px;
  border: 0;
  border-bottom: 1px solid var(--gray-10);
  resize: none;
  color: var(--white);
}
.light .sfluence-contact__area .joya__contact-msg textarea {
  color: var(--black-2);
}
.sfluence-contact__area .joya__contact-msg textarea::-moz-placeholder {
  color: var(--white);
}
.sfluence-contact__area .joya__contact-msg textarea::placeholder {
  color: var(--white);
}
.light .sfluence-contact__area .joya__contact-msg textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .sfluence-contact__area .joya__contact-msg textarea::placeholder {
  color: var(--black-2);
}
.sfluence-contact__area .joya__contact-msg textarea:focus {
  outline: 0;
}
.sfluence-contact__area-border {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  padding: 15px;
  max-width: 172px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}
.light .sfluence-contact__area-border {
  border-top: 1px solid var(--black-9);
  border-bottom: 1px solid var(--black-9);
}
.sfluence-contact__area-border span {
  color: var(--white-11);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.light .sfluence-contact__area-border span {
  color: var(--black-2);
}
.sfluence-contact__area-border span img {
  margin-left: 10px;
}
.sfluence-contact__area-title-wrap {
  text-align: center;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-contact__area-title-wrap {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-contact__area-title-wrap {
    padding-bottom: 50px;
  }
}
.sfluence-contact__area-title {
  color: var(--white-11);
  font-size: 180px;
  font-weight: 400;
  line-height: 0.88;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-contact__area-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-contact__area-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-contact__area-title {
    font-size: 45px;
  }
}
.sfluence-contact__area-lg-thumb {
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  .sfluence-contact__area-lg-thumb {
    padding-bottom: 50px;
  }
}
.sfluence-contact__area-wrap {
  display: grid;
  grid-template-columns: 1fr 0.4fr;
  gap: 60px;
}
@media only screen and (max-width: 991px) {
  .sfluence-contact__area-wrap {
    grid-template-columns: 0.7fr 0.5fr;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-contact__area-wrap {
    grid-template-columns: 1fr;
  }
}
.sfluence-contact__area-contact-info li {
  margin-bottom: 20px;
}
.sfluence-contact__area-contact-info li a {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.light .sfluence-contact__area-contact-info li a {
  color: var(--black-2);
}
.sfluence-contact__area-social {
  display: flex;
  gap: 26px;
}
.sfluence-contact__area-social li a {
  font-size: 20px;
  color: var(--white);
}
.light .sfluence-contact__area-social li a {
  color: var(--black-2);
}
.sfluence-inb__area {
  padding-top: 310px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inb__area {
    padding-top: 200px;
  }
}
.sfluence-inb__area-wrapper {
  padding-top: 125px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inb__area-wrapper {
    padding-top: 50px;
  }
}
.sfluence-inb__area-top {
  position: relative;
  text-align: center;
}
.sfluence-inb__area-title {
  color: var(--white-11);
  font-size: 180px;
  font-weight: 400;
  line-height: 0.88;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inb__area-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inb__area-title {
    font-size: 40px;
    line-height: 0.5;
  }
}
.sfluence-inb__area-title .has-space {
  padding-inline-start: 240px;
  display: inline-block;
}
.sfluence-inb__area-text {
  position: absolute;
  bottom: 50px;
  max-width: 220px;
  text-align: start;
  inset-inline-start: 300px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inb__area-text {
    inset-inline-start: 200px;
    bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inb__area-text {
    inset-inline-start: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inb__area-text {
    position: unset;
    padding-top: 30px;
  }
}
.sfluence-inbd__area {
  padding-top: 310px;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inbd__area {
    padding-top: 150px;
  }
}
.sfluence-inbd__area .lawyer__blog-related.sinfluence__blog-related {
  background-color: var(--black-3);
}
.sfluence-inbd__area .lawyer-contact__box.sinfluence-contact__box {
  background-color: var(--black-3);
}
.sfluence-inbd__area .lawyer-contact__box-btn.sfluence-contact__box-btn .wc-btn-default {
  background-color: #D0D0D0;
}
.sfluence-inbd__area .lawyer__blog-related-text.sinfluence-related-text {
  border-radius: 15px;
  border: 1px dashed var(--white);
  background-color: var(--black-3);
}
.light .sfluence-inbd__area .lawyer__blog-related-text.sinfluence-related-text {
  background-color: #F9F9F9;
  border-color: #D0D0D0;
}
.sfluence-inbd__area .lawyer__blog-related-date {
  color: var(--white);
}
.light .sfluence-inbd__area .lawyer__blog-related-date {
  color: var(--black-2);
}
.sfluence-inbd__area .blog-details__quote-text.sinfuence-quote-text p {
  color: var(--black-9);
}
.sfluence-inbd__area-sec-title-wrapper {
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .sfluence-inbd__area-sec-title-wrapper {
    padding-bottom: 40px;
  }
}
.sfluence-inbd__area-sub-title {
  color: var(--white-11);
  font-size: 42px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inbd__area-sub-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inbd__area-sub-title {
    font-size: 25px;
  }
}
.sfluence-inbd__area-sec-title {
  color: var(--white-11);
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .sfluence-inbd__area-sec-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .sfluence-inbd__area-sec-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sfluence-inbd__area-sec-title {
    font-size: 35px;
  }
}

.inab__brand-text {
  color: var(--black-9);
}

.light .double-border::before,
.light .double-border::after {
  background-color: var(--black-2);
}
.light .get-touch {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light.sfluence-hero__area {
  background-color: var(--white-2);
}
.light.sfluence-brand__area {
  background-color: var(--white-2);
  border-color: var(--white-11);
}
.light.sfluence-brand__area .text {
  background-color: var(--white-2);
}
.light.sfluence-service__area {
  background-color: var(--white-2);
}
.light.sfluence-blog__area {
  background-color: var(--white-2);
}
.light.sfluence-blog__area .sec-text p {
  color: var(--gray-10);
}
.light.sfluence-blog__area .sec-text a {
  filter: invert(0);
}
.light.sfluence-video__area {
  background-color: var(--white-2);
}
.light.sfluence-event__area {
  background-color: var(--white-2);
}
.light .sfluence-hero__mid p {
  color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe {
  border-color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe::after {
  background: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe li {
  color: var(--gray-10);
}
.light .sfluence-hero__mid .subscribe li img {
  filter: invert(1);
}
.light .sfluence-hero__mid .subscribe li a {
  color: var(--gray-10);
}
.light .sfluence-hero__top .video-wrap {
  background-image: url(../imgs/social-influence/ellipse-dark.png);
}
.light .sfluence-hero__top .video-wrap button {
  color: var(--black-2);
}
.light .sfluence-hero__top .wrap {
  background-image: url(../imgs/social-influence/shape-5.png);
}
.light .sfluence-hero__btm .sub-title {
  color: var(--black-2);
}
.light .sfluence-hero__btm .band p {
  color: var(--black-2);
}
.light .sfluence-hero__btm .band img {
  filter: invert(1);
}
.light .sfluence-hero__btm .arrow {
  filter: invert(1);
}
.light .sfluence-service__title {
  color: var(--black-2);
}
.light .sfluence-service__title::before {
  background-color: var(--black-2);
}
.light .sfluence-service__top p {
  color: var(--gray-10);
}
.light .sfluence-service__list {
  border-color: #D7D0CC;
}
.light .sfluence-service__info .logos::before {
  background-color: #D7D0CC;
}
.light .sfluence-service__btm .wc-btn {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .sfluence-service__btm .arrow {
  filter: invert(1);
}
.light .sfluence-blog__title {
  color: var(--black-2);
}
.light .sfluence-blog__item::after {
  background-color: #D7D0CC;
}
.light .sfluence-blog__item .thumb:hover {
  border-color: #D7D0CC;
}
.light .sfluence-video__title {
  color: var(--black-2);
}
.light .sfluence-video__top p {
  color: var(--black-2);
}
.light .sfluence-video__btm .mid-line {
  background: var(--black-2);
}
.light .sfluence-video__btm .swiper-pagination-fraction {
  color: var(--black-2);
}
.light .sfluence-event__top p {
  color: var(--gray-10);
}
.light .sfluence-event__top p::before {
  background: var(--black-2);
}
.light .sfluence-event__list a {
  border-color: var(--gray-10);
}
.light .sfluence-event__item .title,
.light .sfluence-event__item .text,
.light .sfluence-event__item .date,
.light .sfluence-event__item .location {
  color: var(--black-2);
}
.light .sfluence-event__item .link img {
  filter: invert(1);
}

.body-doctor {
  background-color: var(--blue-6);
  color: #BBBCD2;
}
.light .body-doctor {
  background-color: #F6F6FA;
  color: #555555;
}
.light .body-doctor h1,
.light .body-doctor h2,
.light .body-doctor h3,
.light .body-doctor h4,
.light .body-doctor h5,
.light .body-doctor h6 {
  color: #3F4061;
}
.body-doctor p {
  color: #BBBCD2;
}
.light .body-doctor p {
  color: #555555;
}

.header__doctor {
  background-color: var(--blue-6);
}
.light .header__doctor {
  background-color: #F6F6FA;
  border-color: #E5E5EA;
}
.header__doctor.home {
  background-color: var(--blue-8);
}
.light .header__doctor.home {
  background-color: #F5F2EC;
}

.doctor-header__logo {
  padding: 18px 0;
  position: relative;
}
.doctor-header__logo::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: -50px;
  top: 0;
  background-color: var(--blue-4);
}
.light .doctor-header__logo::after {
  background-color: #E5E5EA;
}
@media only screen and (max-width: 1199px) {
  .doctor-header__logo::after {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-header__logo::after {
    right: -60px;
  }
}
.doctor-header__inner {
  display: grid;
  grid-gap: 100px;
  align-items: center;
  grid-template-columns: auto auto 1fr;
}
@media only screen and (max-width: 1199px) {
  .doctor-header__inner {
    grid-gap: 30px;
    grid-template-columns: 1fr auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-header__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.doctor-header__inner .main-menu > ul > li > a {
  font-size: 16px;
  padding: 30px 25px;
}
@media only screen and (max-width: 1199px) {
  .doctor-header__nav {
    display: none;
  }
}
.doctor-header__others {
  gap: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .doctor-header__others {
    display: none;
  }
}
.doctor-header__others .wc_call_us {
  height: 100%;
  position: relative;
}
.doctor-header__others .wc_call_us::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: -30px;
  top: 0;
  background-color: var(--blue-4);
}
.light .doctor-header__others .wc_call_us::after {
  background-color: #E5E5EA;
}
.doctor-header__others .signup-btn .wc-btn-primary {
  padding: 12px 25px;
  color: var(--white);
  background-color: var(--blue-3);
}
.doctor-header__navicon {
  display: none;
  text-align: right;
}
@media only screen and (max-width: 1199px) {
  .doctor-header__navicon {
    display: block;
  }
}
.doctor-hero__area {
  position: relative;
  background-color: var(--blue-8);
}
.light .doctor-hero__area {
  background-color: #F5F2EC;
}
.doctor-hero__shape {
  position: absolute;
  right: 175px;
  bottom: 135px;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__shape {
    right: 25px;
    bottom: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor-hero__shape {
    right: 15px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__shape {
    right: 15px;
    bottom: 20px;
  }
}
.doctor-hero__shape-2 {
  position: absolute;
  left: 165px;
  top: 150px;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__shape-2 {
    left: 10px;
    top: 110px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor-hero__shape-2 {
    top: 80px;
    left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__shape-2 {
    top: 50px;
    left: 10px;
  }
}
.doctor-hero__shape-3 {
  position: absolute;
  left: 45%;
  bottom: 70px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .doctor-hero__shape-3 {
    bottom: 30px;
  }
}
.doctor-hero__shape-4 {
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .doctor-hero__shape-4 {
    bottom: 20px;
  }
}
.doctor-hero__shape-5 {
  position: absolute;
  top: 130px;
  left: 53%;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__shape-5 {
    max-width: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-hero__shape-5 {
    display: none;
  }
}
.doctor-hero__shape-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.doctor-hero__left {
  padding-top: 190px;
  padding-bottom: 150px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__left {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor-hero__left {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__left {
    padding-bottom: 0;
    padding-top: 120px;
  }
}
.doctor-hero__img {
  position: absolute;
  bottom: 0px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .doctor-hero__img {
    left: -60px;
  }
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__img img {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor-hero__img img {
    max-width: 580px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__img img {
    max-width: 520px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-hero__img img {
    max-width: 460px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__img img {
    max-width: 400px;
  }
}
.doctor-hero__live-arrow {
  position: absolute;
  right: 35px;
  top: 250px;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__live-arrow {
    top: 210px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-hero__live-arrow {
    right: unset;
    left: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__live-arrow {
    top: 150px;
    left: unset;
    right: 20px;
  }
}
.doctor-hero__text {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 90px;
  z-index: 1;
  position: relative;
  padding-right: 30px;
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__text {
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-hero__text {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__text {
    justify-content: flex-end;
  }
}
.doctor-hero__text p {
  font-size: 16px;
  color: var(--white);
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .doctor-hero__text p br {
    display: block;
  }
}
.light .doctor-hero__text p {
  color: var(--black-2);
}
.doctor-hero__live {
  font-weight: 600;
  line-height: 1.1;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  color: var(--blue-6);
  display: inline-block;
  text-transform: capitalize;
  background-color: var(--primary);
}
.doctor-hero__right {
  height: 100%;
  padding-top: 160px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__right {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__right {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.doctor-hero__title {
  font-weight: 500;
  font-size: 100px;
  line-height: 1;
}
@media only screen and (max-width: 1919px) {
  .doctor-hero__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor-hero__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-hero__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-hero__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .doctor-hero__title {
    font-size: 80px;
  }
}
.doctor-hero__video {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .doctor-hero__video {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-hero__video {
    justify-content: flex-end;
  }
}
.doctor-about__area {
  padding-bottom: 320px;
}
@media only screen and (max-width: 1399px) {
  .doctor-about__area {
    padding-bottom: 280px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-about__area {
    padding-bottom: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-about__area {
    padding-bottom: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-about__area {
    padding-bottom: 60px;
  }
}
.doctor-about__title {
  font-weight: 500;
  font-size: 90px;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .doctor-about__title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-about__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-about__title {
    font-size: 50px;
  }
}
.light .doctor-about__title {
  color: var(--blue-6);
}
.doctor-about__title span {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .doctor-about__title span {
    font-size: 30px;
  }
}
.doctor-about__sub-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.3;
}
@media only screen and (max-width: 1199px) {
  .doctor-about__sub-title {
    font-size: 30px;
  }
}
.light .doctor-about__sub-title {
  color: var(--blue-6);
}
@media only screen and (max-width: 991px) {
  .doctor-about__left {
    padding-bottom: 30px;
  }
}
.doctor-about__text p {
  font-weight: 500;
  font-size: 20px;
  color: var(--white);
  max-width: 480px;
  display: inline-block;
}
.light .doctor-about__text p {
  color: var(--blue-6);
}
.doctor-about__text-2 p {
  font-size: 18px;
}
.doctor-schedule__inner {
  position: relative;
}
.doctor-schedule__wrap {
  display: grid;
  grid-gap: 100px;
  grid-template-columns: auto auto 330px;
  align-items: center;
  background: var(--blue-3);
  padding-left: 80px;
  position: absolute;
  width: 1600px;
  height: auto;
  right: 0;
  top: -160px;
  z-index: 9;
}
@media only screen and (max-width: 1919px) {
  .doctor-schedule__wrap {
    grid-gap: 60px;
    width: 98%;
    padding-left: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-schedule__wrap {
    padding-top: 30px;
    padding-bottom: 20px;
    grid-column-gap: 40px;
    grid-row-gap: 0;
    grid-template-columns: repeat(6, 1fr);
    top: -260px;
  }
  .doctor-schedule__wrap .sec-title-9 {
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-schedule__wrap {
    width: 98%;
    padding-left: 30px;
    grid-row-gap: 40px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__wrap {
    width: 100%;
    position: unset;
    padding: 0;
  }
  .doctor-schedule__wrap .sec-title-9 {
    padding: 50px 15px 0;
  }
}
.doctor-schedule__wrap::after {
  position: absolute;
  content: "";
  width: 330px;
  height: 100%;
  background: var(--primary);
  right: 0;
}
@media only screen and (max-width: 1199px) {
  .doctor-schedule__wrap::after {
    width: 262px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-schedule__wrap::after {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__wrap::after {
    width: 0;
  }
}
.doctor-schedule__appointment {
  padding: 57px;
}
@media only screen and (max-width: 1199px) {
  .doctor-schedule__appointment {
    padding: 32px;
    grid-column: 5/-1;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-schedule__appointment {
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__appointment {
    grid-column: 1/-1;
    padding: 30px;
    background-color: var(--primary);
  }
}
.doctor-schedule__appointment .btn-rollover-cross:hover {
  color: var(--blue-3);
}
.doctor-schedule__appointment .btn-rollover-cross::after, .doctor-schedule__appointment .btn-rollover-cross::before {
  border-color: var(--blue-3);
}
.doctor-schedule__time li {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding: 12px 0;
  border-bottom: 1px dashed var(--purple-3);
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr auto auto;
}
.doctor-schedule__time li:first-child {
  border-top: 1px dashed var(--purple-3);
}
@media only screen and (max-width: 1399px) {
  .doctor-schedule__time li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__time li {
    grid-template-columns: 85px auto auto;
  }
}
.doctor-schedule__time.appointment-schedule li {
  color: var(--blue-6);
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__time.appointment-schedule li {
    grid-gap: 10px;
  }
}
.doctor-schedule__time-ptb {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .doctor-schedule__time-ptb {
    padding: 0;
    grid-column: 1/5;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-schedule__time-ptb {
    grid-column: 1/-1;
    padding: 0 15px;
  }
}
.doctor-border-left {
  position: relative;
}
.doctor-border-left::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 200px;
  left: -100px;
  top: 0;
  background: var(--purple-3);
}
@media only screen and (max-width: 1919px) {
  .doctor-border-left::before {
    left: -65px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-border-left::before {
    display: none;
  }
}
.doctor-counter__grid {
  display: grid;
  grid-gap: 100px;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .doctor-counter__grid {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-counter__grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-counter__grid {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-counter__grid {
    padding-top: 60px;
    grid-gap: 50px 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.doctor-counter__item .count {
  font-weight: 300;
  font-size: 100px;
  line-height: 1;
  color: var(--white);
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--blue-9);
}
@media only screen and (max-width: 1399px) {
  .doctor-counter__item .count {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-counter__item .count {
    font-size: 70px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-counter__item .count {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-counter__item .count {
    font-size: 50px;
  }
}
.light .doctor-counter__item .count {
  color: var(--blue-6);
}
.doctor-counter__item .text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .doctor-counter__item .text p {
    font-size: 16px;
  }
}
.light .doctor-counter__item .text p {
  color: var(--gray-10);
}
.doctor-chamber__area {
  background-color: var(--blue-3);
  position: relative;
}
@media only screen and (max-width: 991px) {
  .doctor-chamber__area.pb-150 {
    padding-bottom: 0;
  }
}
.doctor-chamber__img {
  position: absolute;
  width: 45%;
  height: 100%;
  top: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .doctor-chamber__img {
    position: unset;
    max-width: 100%;
    width: 100%;
    margin-top: 40px;
    margin-bottom: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-chamber__img {
    position: unset;
    max-width: 100%;
    width: 100%;
  }
}
.doctor-chamber__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .doctor-chamber__img img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.doctor-chamber__width {
  max-width: 50%;
}
@media only screen and (max-width: 991px) {
  .doctor-chamber__width {
    max-width: 100%;
  }
}
.doctor-chamber__item {
  height: 90px;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 2fr 2.5fr 0.8fr;
  border-bottom: 1px solid #8181CB;
}
@media only screen and (max-width: 991px) {
  .doctor-chamber__item {
    height: 70px;
  }
}
.doctor-chamber__item:first-child {
  height: 40px;
}
.doctor-chamber__item:first-child span::after {
  position: unset;
  height: 0;
  width: 0;
}
.doctor-chamber__item span {
  height: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  position: relative;
  display: flex;
  align-items: center;
}
.doctor-chamber__item span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 75%;
  bottom: 0;
  inset-inline-start: -20px;
  background: #8181CB;
}
.doctor-chamber__item span:first-child::after {
  position: unset;
  width: 0;
  height: 0;
}
.doctor-testimonial__area .sec-title-wrap {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .doctor-testimonial__area .doctor-testimonial__item {
    margin-bottom: 30px;
  }
}
.doctor-testimonial__item {
  position: relative;
}
.doctor-testimonial__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(106, 107, 191, 0) 60.33%, #6A6BBF 105.67%);
}
.doctor-testimonial__item:hover .doctor-testimonial__modal {
  opacity: 1;
  visibility: visible;
}
.doctor-testimonial__item video {
  width: 100%;
  bottom: -5px;
  position: relative;
}
.doctor-testimonial__modal {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.doctor-testimonial__modal .play_btn_5 {
  width: 60px;
  height: 60px;
}
.light .doctor-testimonial__modal .play_btn_5 {
  border-color: var(--white);
}
.doctor-testimonial__modal .play_btn_5 img {
  max-width: 20px;
}
.doctor-testimonial__wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 2;
  padding-left: 40px;
  padding-bottom: 40px;
}
.doctor-testimonial__wrap .doctor-testimonial__role {
  color: var(--white) !important;
}
.doctor-testimonial__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
}
.light .doctor-testimonial__title {
  color: var(--white) !important;
}
.doctor-testimonial__role {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .doctor-online__right.pt-110 {
    padding-top: 0;
  }
}
.doctor-online__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
}
.light .doctor-online__text p {
  color: var(--gray-10);
}
.doctor-achievement__area {
  background-color: var(--blue-8);
}
.light .doctor-achievement__area {
  background-color: #EEEEF5;
}
.doctor-achievement__area .sec-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .doctor-achievement__area .sec-title-wrap {
    flex-wrap: wrap;
  }
}
.doctor-achievement__text p {
  max-width: 420px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.doctor-achievement__list {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--blue-9);
  border-bottom: 1px solid var(--blue-9);
}
@media only screen and (max-width: 1399px) {
  .doctor-achievement__list {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-achievement__list {
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .doctor-achievement__list {
    grid-template-columns: 1fr;
  }
}
.light .doctor-achievement__list {
  border-color: #DFDFEB;
}
.doctor-achievement__item {
  text-align: center;
  position: relative;
  padding: 40px 20px;
}
@media only screen and (max-width: 1399px) {
  .doctor-achievement__item {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-achievement__item {
    padding: 20px 15px;
  }
}
.doctor-achievement__item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: -24px;
  background-color: var(--blue-9);
}
@media only screen and (max-width: 1399px) {
  .doctor-achievement__item::after {
    left: -10px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-achievement__item::after {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-achievement__item::after {
    width: 0;
  }
}
.light .doctor-achievement__item::after {
  background-color: #DFDFEB;
}
.doctor-achievement__item:first-child::after {
  width: 0;
}
@media only screen and (max-width: 991px) {
  .doctor-achievement__item:nth-child(odd)::after {
    width: 0;
  }
}
.doctor-achievement__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
}
.doctor-achievement__org p {
  font-size: 14px;
  line-height: 1;
}
.doctor-prescription__area {
  background-image: url(../imgs/doctor/bg-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.doctor-prescription__area .sec-title-9 {
  color: var(--blue-6);
}
.doctor-prescription-sub-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--blue-6);
}
.doctor-prescription__text p {
  font-size: 18px;
  color: var(--gray-10);
}
.doctor-prescription__content {
  max-width: 520px;
  margin-left: auto;
  padding: 80px;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .doctor-prescription__content {
    padding: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-prescription__content {
    padding: 40px 30px;
  }
}
.doctor-prescription__btn .wc-btn-primary {
  padding: 12px 26px;
  color: var(--white-17);
  background: var(--blue-3);
}
.doctor__accordion .accordion-button:not(.collapsed) {
  color: var(--white);
  background-color: transparent;
  box-shadow: none;
}
.doctor__accordion .accordion-item {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--blue-9);
}
.light .doctor__accordion .accordion-item {
  border-color: #E5E5EA;
}
.doctor__accordion .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.doctor__accordion .accordion-item:last-of-type {
  border-radius: 0;
}
.doctor__accordion .accordion-item:first-of-type .accordion-button {
  border-top: 1px solid var(--blue-9);
  border-radius: 0;
}
.light .doctor__accordion .accordion-item:first-of-type .accordion-button {
  color: var(--blue-6);
  border-color: #E5E5EA;
}
.doctor__accordion .accordion-body {
  padding: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 80px;
  padding-top: 0;
  padding-bottom: 30px;
  color: #BBBCD2;
}
.light .doctor__accordion .accordion-body {
  color: #555555;
}
@media only screen and (max-width: 1399px) {
  .doctor__accordion .accordion-body {
    padding-left: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor__accordion .accordion-body {
    padding-left: 30px;
  }
}
.doctor__accordion .accordion-button {
  padding: 30px 30px 30px 80px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: var(--white);
  background: transparent;
}
@media only screen and (max-width: 1399px) {
  .doctor__accordion .accordion-button {
    padding: 25px 25px 25px 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor__accordion .accordion-button {
    padding: 20px 20px 20px 30px;
  }
}
.light .doctor__accordion .accordion-button {
  color: var(--blue-6);
}
.doctor__accordion .accordion-button::after {
  display: none;
}
.doctor__accordion .accordion-button::before {
  position: absolute;
  content: "-";
  left: 0;
  font-size: 30px;
  color: var(--white);
}
.light .doctor__accordion .accordion-button::before {
  color: var(--blue-6);
}
.doctor__accordion .accordion-button.collapsed::before {
  content: "+";
}
.doctor-faq__top {
  text-align: center;
}
.doctor-faq__btm {
  display: grid;
  grid-gap: 110px;
  grid-template-columns: 1.7fr 1fr;
}
@media only screen and (max-width: 1399px) {
  .doctor-faq__btm {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-faq__btm {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-faq__right {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-faq__right img {
    width: 100%;
  }
}
.doctor-subscribe__area {
  padding: 90px 0;
  background-color: var(--blue-3);
}
@media only screen and (max-width: 1199px) {
  .doctor-subscribe__area {
    padding: 60px 0;
  }
}
.doctor-subscribe__width {
  width: 550px;
  float: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .doctor-subscribe__width {
    float: left;
    height: auto;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-subscribe__width {
    width: 100%;
  }
}
.doctor-subscribe__form {
  width: 100%;
  max-width: 100%;
}
.doctor-subscribe__form .input-box {
  width: 100%;
  display: grid;
  grid-gap: 25px;
  grid-template-columns: auto 85px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .doctor-subscribe__form .input-box {
    margin-bottom: 20px;
  }
}
.doctor-subscribe__form input[type=email], .doctor-subscribe__form .cf-details-comment__field textarea[type=email], .cf-details-comment__field .doctor-subscribe__form textarea[type=email], .doctor-subscribe__form .dt-inap__appointment textarea[type=email], .dt-inap__appointment .doctor-subscribe__form textarea[type=email], .doctor-subscribe__form .elc-inbd-comment__field textarea[type=email], .elc-inbd-comment__field .doctor-subscribe__form textarea[type=email] {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--white);
  width: 100%;
  outline: none;
  padding-bottom: 10px;
}
.doctor-subscribe__form input[type=email]::-moz-placeholder, .doctor-subscribe__form .cf-details-comment__field textarea[type=email]::-moz-placeholder, .cf-details-comment__field .doctor-subscribe__form textarea[type=email]::-moz-placeholder, .doctor-subscribe__form .dt-inap__appointment textarea[type=email]::-moz-placeholder, .dt-inap__appointment .doctor-subscribe__form textarea[type=email]::-moz-placeholder, .doctor-subscribe__form .elc-inbd-comment__field textarea[type=email]::-moz-placeholder, .elc-inbd-comment__field .doctor-subscribe__form textarea[type=email]::-moz-placeholder {
  color: var(--white);
}
.doctor-subscribe__form input[type=email]::placeholder, .doctor-subscribe__form .cf-details-comment__field textarea[type=email]::placeholder, .cf-details-comment__field .doctor-subscribe__form textarea[type=email]::placeholder, .doctor-subscribe__form .dt-inap__appointment textarea[type=email]::placeholder, .dt-inap__appointment .doctor-subscribe__form textarea[type=email]::placeholder, .doctor-subscribe__form .elc-inbd-comment__field textarea[type=email]::placeholder, .elc-inbd-comment__field .doctor-subscribe__form textarea[type=email]::placeholder {
  color: var(--white);
}
.doctor-subscribe__form label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: var(--white);
  gap: 10px;
  display: flex;
  align-items: center;
}
.doctor-subscribe__form #check {
  border: 1px solid #9394E0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.doctor-subscribe__form #check:checked:after {
  position: absolute;
  content: "\f00c";
  width: 10px;
  height: 10px;
  left: 3px;
  top: 3px;
  font-weight: 700;
  font-size: 14px;
  color: var(--white);
  font-family: "Font Awesome 6 Free";
}
.doctor-subscribe__form .submit {
  border: none;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  padding-bottom: 10px;
  line-height: 1.5;
  color: var(--white);
  background: transparent;
  border-bottom: 1px solid var(--white);
  background-repeat: no-repeat;
  background-position: right 7px;
  background-image: url(../imgs/social-influence/arrow-2.png);
  transition: all 0.3s;
}
.doctor-subscribe__form .submit:hover {
  color: var(--primary);
}
.doctor-blog__area .sec-title-wrap {
  text-align: center;
}
.light .doctor-blog__area .separator {
  background-color: #E5E5EA;
}
.doctor-blog__grid {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1399px) {
  .doctor-blog__grid {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-blog__grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-blog__grid {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-blog__grid {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.doctor-blog__item .thumb {
  overflow: hidden;
  padding-bottom: 46px;
}
.doctor-blog__item .thumb img {
  max-width: 100%;
}
.doctor-blog__item .meta {
  gap: 50px;
  display: flex;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .doctor-blog__item .meta {
    gap: 15px;
    justify-content: space-between;
  }
}
.doctor-blog__item .meta li {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  position: relative;
}
.light .doctor-blog__item .meta li {
  color: var(--gray-10);
}
.doctor-blog__item .meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  left: -25px;
  top: 6px;
  background-color: var(--black-9);
}
.doctor-blog__item .meta li:first-child::after {
  position: unset;
}
.doctor-blog__title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.1;
  transition: all 0.3s;
}
.light .doctor-blog__title {
  color: var(--blue-6);
}
.doctor-blog__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .doctor-blog__title {
    font-size: 24px;
  }
  .doctor-blog__title br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-blog__title {
    font-size: 20px;
  }
}
.doctor-instagram__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 767px) {
  .doctor-instagram__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.doctor-instagram__text p {
  font-weight: 500;
  font-size: 18px;
}
.doctor-instagram__text p a {
  padding-left: 5px;
  color: var(--blue-3);
  display: inline-block;
  border-bottom: 1px solid var(--blue-3);
  transition: all 0.3s;
}
.doctor-instagram__text p a:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.light .doctor-footer__area .separator {
  background-color: #E5E5EA;
}
.doctor-footer__top {
  gap: 70px;
  display: flex;
  align-items: center;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .doctor-footer__top {
    gap: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-footer__top {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.doctor-footer__logo {
  flex-basis: 220px;
}
@media only screen and (max-width: 767px) {
  .doctor-footer__logo {
    text-align: center;
  }
}
.doctor-footer__mid {
  gap: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 75px;
}
@media only screen and (max-width: 991px) {
  .doctor-footer__mid {
    gap: 40px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-footer__mid {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.doctor-footer__btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .doctor-footer__btm {
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.doctor-footer__btm .wc_call_us i {
  color: var(--blue-3);
}
.doctor-footer__menu {
  -moz-columns: 3;
       columns: 3;
  gap: 150px;
}
@media only screen and (max-width: 1399px) {
  .doctor-footer__menu {
    gap: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-footer__menu {
    gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-footer__menu {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-footer__menu {
    -moz-columns: 2;
         columns: 2;
    gap: 60px;
  }
}
.doctor-footer__menu li {
  padding-bottom: 3px;
}
.doctor-footer__menu li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  position: relative;
}
.doctor-footer__menu li a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
  background-color: var(--white);
}
.light .doctor-footer__menu li a::after {
  background-color: var(--blue-6);
}
.doctor-footer__menu li a:hover {
  color: var(--white);
}
.doctor-footer__menu li a:hover::after {
  width: 100%;
}
.light .doctor-footer__menu li a {
  color: var(--blue-6);
}
.doctor-download__wrap p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1;
  text-align: right;
  padding-bottom: 16px;
}
.light .doctor-download__wrap p {
  color: var(--blue-6);
}
@media only screen and (max-width: 767px) {
  .doctor-download__wrap p {
    text-align: center;
  }
}
.doctor-download__app {
  gap: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .doctor-download__app img {
    max-width: 120px;
  }
}
.doctor-copyright p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}
.doctor-copyright p a {
  color: var(--blue-5);
  transition: all 0.3s;
}
.doctor-copyright p a:hover {
  color: var(--white);
}
.light .doctor-copyright p {
  color: var(--blue-6);
}
.light .doctor-copyright p a {
  color: var(--blue-6);
}
.light .doctor-copyright p a:hover {
  color: var(--primary);
}
.doctor-social-media {
  gap: 25px;
  display: flex;
}
.doctor-social-media li a {
  font-size: 20px;
  color: var(--white);
  transition: all 0.3s;
}
.light .doctor-social-media li a {
  color: var(--blue-6);
}
.doctor-social-media li a:hover {
  color: var(--primary);
}

/*
      DOCTOR ABOUT HERO
  */
.doctor__innerHero {
  padding-left: 110px;
  padding-bottom: 190px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .doctor__innerHero {
    padding-left: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero {
    padding-left: 30px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__innerHero {
    padding-left: 0;
    padding-bottom: 60px;
  }
}
.doctor__innerHero-wrapper {
  gap: 50px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-wrapper {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.doctor__innerHero-thumb {
  position: relative;
}
.doctor__innerHero-rect {
  width: 518px;
  height: 710px;
  display: block;
  position: absolute;
  left: -40px;
  bottom: -40px;
  background: #71D1BA;
}
@media only screen and (max-width: 1399px) {
  .doctor__innerHero-rect {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-rect {
    width: 518px;
    height: 710px;
    left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__innerHero-rect {
    display: none;
  }
}
.doctor__innerHero-dotshape {
  position: absolute;
  bottom: 90px;
  left: -94px;
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-dotshape {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__innerHero-dotshape {
    left: -20px;
  }
}
.doctor__innerHero-content {
  max-width: 615px;
  padding-top: 90px;
}
@media only screen and (max-width: 1199px) {
  .doctor__innerHero-content {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-content {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__innerHero-content {
    padding-top: 40px;
  }
}
.doctor__innerHero-title {
  font-weight: 500;
  font-size: 90px;
  line-height: 1;
}
@media only screen and (max-width: 1399px) {
  .doctor__innerHero-title {
    font-size: 50px;
  }
  .doctor__innerHero-title br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-title {
    font-size: 45px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__innerHero-title {
    font-size: 40px;
  }
}
.doctor__innerHero-subtitle {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: var(--white);
  display: block;
}
@media only screen and (max-width: 991px) {
  .doctor__innerHero-subtitle {
    font-size: 30px;
  }
}
.doctor__innerHero-dis1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--white);
}
.doctor__innerHero-dis2 p {
  font-size: 18px;
  color: var(--white);
}
.light .doctor__innerHero-dis2 p {
  color: var(--gray-10);
}
.doctor__innerHero-btn a {
  color: var(--white-2);
  background: var(--blue-3);
}
.doctor__innerHero-shape-2 {
  position: absolute;
  right: 200px;
  top: 160px;
}
@media only screen and (max-width: 1199px) {
  .doctor__innerHero-shape-2 {
    top: 60px;
    right: 90px;
  }
}
.doctor__appointment-wrapper {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  justify-content: space-between;
  -moz-column-gap: 110px;
       column-gap: 110px;
  margin-right: -150px;
}
@media only screen and (max-width: 1700px) {
  .doctor__appointment-wrapper {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor__appointment-wrapper {
    -moz-column-gap: 30px;
         column-gap: 30px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__appointment-wrapper {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
.doctor__appointment-title {
  font-weight: 500;
  font-size: 60px;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .doctor__appointment-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__appointment-title {
    font-size: 40px;
  }
}
.doctor__appointment-fieldwrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1199px) {
  .doctor__appointment-fieldwrapper {
    gap: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__appointment-fieldwrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__appointment-fieldwrapper {
    grid-template-columns: 1fr;
  }
}
.doctor__appointment-field label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  display: block;
  padding-bottom: 15px;
}
.light .doctor__appointment-field label {
  color: var(--gray-10);
}
.doctor__appointment-field input, .doctor__appointment-field .cf-details-comment__field textarea, .cf-details-comment__field .doctor__appointment-field textarea, .doctor__appointment-field .dt-inap__appointment textarea, .dt-inap__appointment .doctor__appointment-field textarea, .doctor__appointment-field .elc-inbd-comment__field textarea, .elc-inbd-comment__field .doctor__appointment-field textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  background-color: #353658;
  border: 0;
  color: var(--white);
}
.doctor__appointment-field input:focus, .doctor__appointment-field .cf-details-comment__field textarea:focus, .cf-details-comment__field .doctor__appointment-field textarea:focus, .doctor__appointment-field .dt-inap__appointment textarea:focus, .dt-inap__appointment .doctor__appointment-field textarea:focus, .doctor__appointment-field .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .doctor__appointment-field textarea:focus {
  outline: 0;
}
.doctor__appointment-field input::-moz-placeholder, .doctor__appointment-field .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .doctor__appointment-field textarea::-moz-placeholder, .doctor__appointment-field .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .doctor__appointment-field textarea::-moz-placeholder, .doctor__appointment-field .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .doctor__appointment-field textarea::-moz-placeholder {
  color: var(--white-8);
}
.doctor__appointment-field input::placeholder, .doctor__appointment-field .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .doctor__appointment-field textarea::placeholder, .doctor__appointment-field .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .doctor__appointment-field textarea::placeholder, .doctor__appointment-field .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .doctor__appointment-field textarea::placeholder {
  color: var(--white-8);
}
.light .doctor__appointment-field input, .light .doctor__appointment-field .cf-details-comment__field textarea, .cf-details-comment__field .light .doctor__appointment-field textarea, .light .doctor__appointment-field .dt-inap__appointment textarea, .dt-inap__appointment .light .doctor__appointment-field textarea, .light .doctor__appointment-field .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .doctor__appointment-field textarea {
  color: #B1B1BE;
  background-color: #EEEEF6;
}
.light .doctor__appointment-field input::-moz-placeholder, .light .doctor__appointment-field .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .doctor__appointment-field textarea::-moz-placeholder, .light .doctor__appointment-field .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .doctor__appointment-field textarea::-moz-placeholder, .light .doctor__appointment-field .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .doctor__appointment-field textarea::-moz-placeholder {
  color: #B1B1BE;
}
.light .doctor__appointment-field input::placeholder, .light .doctor__appointment-field .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .doctor__appointment-field textarea::placeholder, .light .doctor__appointment-field .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .doctor__appointment-field textarea::placeholder, .light .doctor__appointment-field .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .doctor__appointment-field textarea::placeholder {
  color: #B1B1BE;
}
.doctor__appointment-textarea label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  display: block;
  padding-bottom: 15px;
}
.light .doctor__appointment-textarea label {
  color: var(--gray-10);
}
.doctor__appointment-textarea textarea {
  height: 120px;
  width: 100%;
  padding: 20px;
  background: var(--blue-6);
  border: 0;
  color: var(--white);
  resize: none;
}
.doctor__appointment-textarea textarea:focus {
  outline: 0;
}
.doctor__appointment-textarea textarea::-moz-placeholder {
  color: var(--white-8);
}
.doctor__appointment-textarea textarea::placeholder {
  color: var(--white-8);
}
.light .doctor__appointment-textarea textarea {
  color: #B1B1BE;
  background-color: #FAFAFF;
}
.doctor__appointment-formbtn {
  padding-top: 30px;
}
.doctor__appointment-formbtn .submit {
  z-index: 0;
  color: var(--white);
  background-color: var(--blue-3);
}
.doctor__appointment-thumbs {
  position: relative;
}
.doctor__appointment-thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  padding: 50px;
  left: 65px;
}
@media only screen and (max-width: 1399px) {
  .doctor__appointment-thumb {
    left: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor__appointment-thumb {
    left: 10px;
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__appointment-thumb {
    left: 50px;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__appointment-thumb {
    left: 0;
    padding: 40px 5px;
  }
}
.doctor__appointment-thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #F5F5FA;
  opacity: 0.7;
  z-index: -1;
}
.doctor__appointment-img1 {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .doctor__appointment-img1 {
    height: 500px;
  }
}
.doctor__appointment-img1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.doctor__appointment-scheduletitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  color: var(--blue-6);
  position: relative;
  z-index: 2;
  display: block;
}
.doctor__details {
  padding-top: 150px;
}
@media only screen and (max-width: 991px) {
  .doctor__details {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__details {
    padding: 60px 0 30px;
  }
}
.doctor__details h2 {
  font-size: 60px;
}
@media only screen and (max-width: 1700px) {
  .doctor__details h2 br {
    display: none;
  }
}
@media only screen and (max-width: 1399px) {
  .doctor__details h2 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__details h2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor__details h2 {
    font-size: 36px;
  }
}
.doctor__details h4 {
  font-size: 36px;
}
@media only screen and (max-width: 1700px) {
  .doctor__details h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor__details h3 {
    font-size: 22px;
  }
}
.doctor__details .joya__contact-formwrap {
  padding-top: 40px;
}
.doctor__details .film__blog-ititle {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
}
@media only screen and (max-width: 1399px) {
  .doctor__details .film__blog-ititle {
    font-size: 16px;
  }
}
.doctor__details .film__blog-ititle:hover {
  color: var(--white);
}
.doctor__details .film__blog-meta span {
  color: var(--white);
}
.doctor__details .film__blog-item {
  border-bottom: 1px dashed var(--blue-6);
  margin-bottom: 30px;
}
.doctor__details .film__blog-item::after {
  display: none;
}
.doctor__details .film__blog-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.doctor__details .film__blog-item:last-child .film__blog-ititle {
  padding-bottom: 0;
}
.doctor__details-wrapper {
  gap: 20px !important;
}
@media only screen and (max-width: 991px) {
  .doctor__details-wrapper {
    margin-bottom: 50px;
  }
}
.doctor__details-instagrambg {
  background: transparent;
}
.doctor__details-category {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--white);
  display: inline-block;
  padding: 5px;
  background: var(--purple);
  margin-bottom: 10px;
}
.doctor__details-rtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  background: var(--blue-8);
  display: inline-block;
  padding: 8px 15px;
}
.light .doctor__details-rtitle {
  color: var(--blue-6);
  background-color: #DFDFED;
}
@media only screen and (max-width: 991px) {
  .doctor__details-sidebar {
    width: 300px;
    margin-bottom: 90px;
  }
}
.doctor__details-sidebar-inner {
  padding: 35px 30px;
  background-color: var(--blue-6);
}
@media only screen and (max-width: 1399px) {
  .doctor__details-sidebar-inner {
    padding: 15px;
  }
}
.light .doctor__details-sidebar-inner {
  background-color: #EEEEF6;
}
.doctor__blogdetails {
  background-color: transparent !important;
}
.doctor__blogdetails .dancer__blogdetails-tag a {
  background: var(--blue-3);
}
.doctor__blogdetails .dancer__blogdetails-tags li a {
  background-color: var(--blue-8);
}
.light .doctor__blogdetails .dancer__blogdetails-tags li a {
  background-color: #EDEDF3;
}
.doctor-blogdetails__wrapper {
  gap: 80px;
  display: grid;
  grid-template-columns: 80px auto 260px;
}
@media only screen and (max-width: 1399px) {
  .doctor-blogdetails__wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .doctor-blogdetails__wrapper {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .doctor-blogdetails__wrapper {
    grid-template-columns: 80px auto;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-blogdetails__wrapper {
    gap: 0px;
    grid-template-columns: 1fr;
  }
}
.doctor-blogdetails__wrapper p {
  color: var(--gray-2);
}
.light .doctor-blogdetails__wrapper p {
  color: var(--gray-10);
}
.doctor-bds__item {
  border-bottom: 1px dashed var(--blue-9);
}
.doctor-bds__item:last-child {
  border-bottom: 0;
}
.doctor-bds__title {
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.3s;
}
.light .doctor-bds__title {
  color: var(--blue-6);
}
.doctor-bds__title:hover {
  color: var(--primary);
}
.doctor-bds__meta p {
  font-size: 14px;
}

.athletic__header.store-header {
  border-bottom: 1px solid var(--black-2);
  background: transparent;
}
.light .athletic__header.store-header {
  background-color: transparent;
}
.athletic__header.store-header .athletic__header-wrap {
  border: 0;
}
.athletic__header.store-header .athletic__header-center .icon img {
  filter: brightness(0);
}
.light .athletic__header.store-header .athletic__header-center .icon img {
  filter: brightness(100);
}
.athletic__header.store-header .athletic__header-btn {
  color: var(--black-2);
  border-color: var(--black-2);
}
.athletic__header.store-header .athletic__header-btn img {
  filter: brightness(0);
}
.athletic__header.store-header .athletic__header-lang::before {
  background-color: var(--black-2);
}
.athletic__header.store-header .athletic__header-lang select {
  color: var(--black-12);
}
.athletic__header.store-header .athletic__header-left::before {
  background-color: var(--black-2);
}
.athletic__header.store-header .athletic__header-shape2, .athletic__header.store-header .athletic__header-shape1 {
  filter: brightness(0);
}
.athletic__header.blog-header .athletic__header-wrap {
  border-bottom: 1px solid var(--white);
}
.athletic__header-wrap {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F6EEEA;
}
.athletic__header-left {
  position: relative;
}
.athletic__header-left::before {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  height: 100%;
  width: 1px;
  background-color: #F6EEEA;
}
.athletic__header-logo {
  width: 167px;
  padding: 25px 0;
}
.athletic__header-logo img {
  max-width: 135px;
}
.athletic__header-shape1 {
  position: absolute;
  bottom: 0;
  inset-inline-end: -10px;
}
.light .athletic__header-shape1 {
  filter: invert(1);
}
.athletic__header-shape2 {
  position: absolute;
  top: 50px;
  inset-inline-start: -40px;
}
.light .athletic__header-shape2 {
  filter: invert(1);
}
.athletic__header-center {
  gap: 35px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .athletic__header-center {
    gap: 10px;
  }
}
.athletic__header-center .icon {
  padding-inline-start: 30px;
}
.light .athletic__header-center .icon {
  filter: invert(1);
}
@media only screen and (max-width: 767px) {
  .athletic__header-center .icon {
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__header-menu {
    display: none;
  }
}
.athletic__header-menu li a {
  font-family: "Teko", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  color: var(--white-13);
  padding: 34px 20px 31px;
}
.athletic__header-menu .main-menu ul.dp-menu li a {
  font-size: 18px;
}
.athletic__header-right {
  flex: 1;
}
.athletic__header-btn {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 20px;
  border: 1px solid var(--white-13);
  border-radius: 25px;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
  color: var(--white-13);
  font-family: "Teko", sans-serif;
}
@media only screen and (max-width: 991px) {
  .athletic__header-btn {
    padding: 14px 30px;
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__header-btn {
    padding: 12px 20px 10px;
  }
}
.athletic__header-btn span {
  width: 23px;
  height: 23px;
  border-radius: 50px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--orange-2);
  padding-top: 2px;
}
.athletic__header-btn img {
  width: 24px;
  margin-top: -5px;
}
.light .athletic__header-btn img {
  filter: invert(1);
}
@media only screen and (max-width: 767px) {
  .athletic__header-btn img {
    display: none;
  }
}
.athletic__header-rightwrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
}
.athletic__header-lang {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .athletic__header-lang {
    display: none;
  }
}
.athletic__header-lang::before {
  content: "";
  position: absolute;
  inset-inline-start: -30px;
  top: -34px;
  height: 94px;
  width: 1px;
  background-color: #F6EEEA;
}
@media only screen and (max-width: 1700px) {
  .athletic__header-lang::before {
    height: 90px;
  }
}
.athletic__header-lang select {
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
  background-color: transparent;
  border: 0;
  font-family: "Teko", sans-serif;
  cursor: pointer;
}
.athletic__header-lang select:focus {
  outline: 0;
}
.athletic__header-lang select option {
  background-color: transparent;
  color: var(--black-2);
}

.athletic__main {
  display: block;
}
.athletic__hero {
  padding-top: 170px;
  padding-bottom: 320px;
  position: relative;
}
.light .athletic__hero {
  background-color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic__hero {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero {
    padding-top: 160px;
    padding-bottom: 30px;
  }
}
.athletic__hero-abs-1 {
  position: absolute;
  inset-inline-start: 50px;
  top: 150px;
  filter: brightness(100);
}
.light .athletic__hero-abs-1 {
  filter: unset;
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-1 {
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-1 {
    display: none;
  }
}
.athletic__hero-abs-2 {
  position: absolute;
  inset-inline-start: 19%;
  top: 305px;
}
@media only screen and (max-width: 1919px) {
  .athletic__hero-abs-2 {
    inset-inline-start: 15%;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-abs-2 {
    top: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-2 {
    left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-2 {
    display: none;
  }
}
.athletic__hero-abs-3 {
  position: absolute;
  inset-inline-start: 200px;
  bottom: 42%;
  z-index: 2;
}
@media only screen and (max-width: 1399px) {
  .athletic__hero-abs-3 {
    inset-inline-start: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-abs-3 {
    inset-inline-start: 40px;
    bottom: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-3 {
    bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-3 {
    display: none;
  }
}
.athletic__hero-abs-4 {
  position: absolute;
  top: 113px;
  inset-inline-end: 30%;
  filter: brightness(100);
}
.light .athletic__hero-abs-4 {
  filter: unset;
}
@media only screen and (max-width: 1919px) {
  .athletic__hero-abs-4 {
    inset-inline-end: 22%;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-4 {
    top: 60px;
    inset-inline-end: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-4 {
    display: none;
  }
}
.athletic__hero-abs-5 {
  position: absolute;
  inset-inline-end: 537px;
  top: 400px;
  filter: brightness(100);
}
.light .athletic__hero-abs-5 {
  filter: unset;
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-5 {
    inset-inline-end: 50px;
    top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-5 {
    display: none;
  }
}
.athletic__hero-abs-6 {
  position: absolute;
  inset-inline-end: 0;
  bottom: 45%;
  filter: brightness(100);
}
.light .athletic__hero-abs-6 {
  filter: unset;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-abs-6 {
    bottom: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-abs-6 {
    bottom: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-abs-6 {
    display: none;
  }
}
.athletic__hero-wrapper {
  max-width: 880px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-wrapper {
    max-width: 760px;
  }
}
@media (max-width: 575px) {
  .athletic__hero-wrapper {
    transform: translateY(-74px);
  }
}
.athletic__hero-jnumber {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-jnumber img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-jnumber img {
    max-width: 360px;
  }
}
.athletic__hero-subtitle {
  position: absolute;
  inset-inline-start: 14px;
  top: 40%;
  writing-mode: vertical-rl;
  font-weight: 500;
  font-size: 50px;
  line-height: 45px;
  color: var(--white-13);
  transform: rotate(180deg) translateY(40%);
  text-transform: uppercase;
  padding: 20px 0;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-subtitle {
    left: 60px;
    padding: 0;
    font-size: 40px;
    inset-inline-start: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-subtitle {
    left: 90px;
    font-size: 30px;
    line-height: 1;
    inset-inline-start: 131px;
  }
  .athletic__hero-subtitle br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-subtitle {
    left: 15px;
    top: 0;
    inset-inline-start: 30px;
    max-height: 180px;
  }
}
.athletic__hero-fullname {
  margin-top: -155px;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-fullname {
    margin-top: -120px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-fullname {
    margin-top: -110px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-fullname {
    margin-top: -60px;
  }
}
.athletic__hero-ntitle {
  font-weight: 400;
  font-size: 50px;
  line-height: 0.8;
  letter-spacing: 0.5em;
  color: var(--white-13);
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  inset-inline-start: 26px;
  top: 20px;
}
.light .athletic__hero-ntitle {
  color: var(--white-13);
}
@media only screen and (max-width: 767px) {
  .athletic__hero-ntitle {
    font-size: 36px;
  }
}
.athletic__hero-name {
  font-weight: 700;
  font-size: 380px;
  color: var(--white-13);
  text-transform: uppercase;
  line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-name {
    font-size: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__hero-name {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-name {
    font-size: 120px;
  }
}
.athletic__hero-player {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .athletic__hero-player {
    max-width: 560px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__hero-player {
    max-width: 400px;
  }
}
.athletic__hero-email {
  max-width: 300px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .athletic__hero-email {
    max-width: 260px;
    margin-inline-end: 15px;
  }
}
.athletic__hero-email .wc-btn-underline {
  text-align: start;
  border-color: var(--white-13);
  text-transform: uppercase;
  font-family: "Teko", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 400;
  gap: 70px;
}
@media only screen and (max-width: 767px) {
  .athletic__hero-email .wc-btn-underline {
    gap: 30px;
    font-size: 20px;
  }
}
.athletic__hero-email .wc-btn-underline i {
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.dir-rtl .athletic__hero-email .wc-btn-underline i {
  transform: rotate(235deg);
}
.athletic__hero-email .wc-btn-underline:hover i {
  transform: rotate(0);
}
.dir-rtl .athletic__hero-email .wc-btn-underline:hover i {
  transform: rotate(180deg);
}
.athletic__bg {
  position: relative;
  z-index: 2;
  background-color: var(--black-2);
}
.athletic__bg::before {
  background-image: url("../imgs/athletic/athletic-bg.png");
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
}

.athletic__update {
  background-image: url("../imgs/athletic/next-match.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.athletic__update::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.athletic__update-wrapper {
  text-align: center;
}
.athletic__update-wrapper * {
  color: var(--white-13);
}
.athletic__update-title {
  font-weight: 400;
  font-size: 55px;
  line-height: 0.9;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .athletic__update-title {
    font-size: 30px;
  }
}
.athletic__update-subtitle {
  font-weight: 400;
  font-size: 18px;
  position: relative;
  text-transform: uppercase;
}
.athletic__update #countdown {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 450px;
  margin: auto;
  position: relative;
  padding-bottom: 50px;
  font-family: "Teko", sans-serif;
}
.athletic__update #countdown::after {
  position: absolute;
  content: "";
  width: 310px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .athletic__update #countdown {
    padding-bottom: 30px;
    justify-content: space-around;
  }
}
.athletic__update #countdown li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  margin-inline-end: 80px;
}
@media only screen and (max-width: 767px) {
  .athletic__update #countdown li {
    margin-inline-end: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__update #countdown li:last-child {
    margin-inline-end: 0;
  }
}
.athletic__update #countdown li:last-child::before {
  display: none;
}
.athletic__update #countdown li:last-child::after {
  display: none;
}
.athletic__update #countdown li::before {
  content: "";
  position: absolute;
  inset-inline-end: -46px;
  top: 28%;
  height: 10px;
  width: 10px;
  background-color: var(--white);
  transform: translateY(-50%);
}
.athletic__update #countdown li::after {
  content: "";
  position: absolute;
  inset-inline-end: -46px;
  top: 46%;
  height: 10px;
  width: 10px;
  background-color: var(--white);
  transform: translateY(-50%);
}
.athletic__update #countdown li span {
  display: block;
  font-size: 80px;
}
@media only screen and (max-width: 767px) {
  .athletic__update #countdown li span {
    font-size: 50px;
  }
}
.athletic__update-nextmatch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 55px;
  max-width: 930px;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .athletic__update-nextmatch {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__update-nextmatch {
    flex-direction: column;
  }
}
.athletic__update-nextmatch * {
  color: var(--white-13);
}
.athletic__update .athletic__update-vs {
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
}
.light .athletic__update .athletic__update-vs {
  color: var(--white-13);
}
.athletic__update-next {
  display: flex;
  align-items: center;
}
.athletic__update-next:last-child span {
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .athletic__update-next:last-child span {
    text-align: end;
  }
}
.athletic__update-next:last-child img {
  margin-inline-start: 40px;
  margin-inline-end: 0;
}
.athletic__update-next img {
  margin-inline-end: 40px;
}
.athletic__update-dis p {
  font-weight: 300;
  font-size: 23px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 30px;
  position: relative;
  z-index: 1;
  font-family: "Teko", sans-serif;
}
.light .athletic__update-dis p {
  color: var(--white-13);
}

.athletic-nextmatch__team {
  font-weight: 600;
  font-size: 50px;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  max-width: 227px;
  text-align: end;
}
.light .athletic-nextmatch__team {
  color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic-nextmatch__team {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic-nextmatch__team {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic-nextmatch__team {
    text-align: start;
  }
}
.athletic-nextmatch__team.team-2 {
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .athletic-nextmatch__team.team-2 {
    text-align: end;
  }
}
.athletic__scoreboard {
  padding-inline-start: 100px;
  padding-inline-end: 100px;
}
.light .athletic__scoreboard {
  background-color: var(--white-13);
}
@media only screen and (max-width: 1700px) {
  .athletic__scoreboard {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__scoreboard {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
.athletic__scoreboard-section {
  display: grid;
  grid-template-columns: 1fr 1.6fr auto;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .athletic__scoreboard-section {
    gap: 30px;
    grid-template-columns: 1fr 1fr auto;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__scoreboard-section {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.athletic__scoreboard-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 0.93;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .athletic__scoreboard-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__scoreboard-title {
    font-size: 40px;
  }
}
.athletic__scoreboard-title2 {
  font-weight: 400;
  font-size: 120px;
  line-height: 0.6;
}
@media only screen and (max-width: 1199px) {
  .athletic__scoreboard-title2 {
    font-size: 100px;
  }
}
.athletic__scoreboard-record {
  font-weight: 400;
  font-size: 24px;
  line-height: 0.8;
  text-transform: uppercase;
  text-align: end;
  color: var(--white-13);
  margin-inline-end: 5px;
}
.athletic__scoreboard-record small {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .athletic__scoreboard-record br {
    display: block;
  }
}
.athletic__scoreboard-dis p {
  font-family: "euclid_Circular_B";
  max-width: 400px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-9);
}
.athletic__scoreboard-right {
  display: flex;
  align-items: flex-end;
  align-self: start;
  padding-top: 15px;
}
.athletic__scoreboard-table table {
  width: 100%;
  font-family: "Teko", sans-serif;
}
.athletic__scoreboard-table table th {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
  text-transform: uppercase;
  padding-inline-start: 0;
}
.athletic__scoreboard-table table tbody tr {
  border-bottom: 1px solid var(--white-13);
  transition: all 0.3s;
}
.light .athletic__scoreboard-table table tbody tr {
  border-color: var(--black-2);
}
.athletic__scoreboard-table table tbody tr:hover {
  background-color: var(--black-3);
}
.light .athletic__scoreboard-table table tbody tr:hover {
  background-color: #ECE0D9;
}
.athletic__scoreboard-table table tbody tr td {
  padding: 36px 0px 31px;
  font-weight: 500;
  font-size: 28px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white-13);
  text-align: start;
}
@media only screen and (max-width: 1199px) {
  .athletic__scoreboard-table table tbody tr td {
    padding: 30px 0 25px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__scoreboard-table table tbody tr td {
    font-weight: 400;
    padding: 10px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__scoreboard-table table tbody tr td {
    font-size: 20px;
  }
}
.athletic__scoreboard-table table tbody tr td:first-child {
  width: 400px;
}
@media only screen and (max-width: 1199px) {
  .athletic__scoreboard-table table tbody tr td:first-child {
    width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__scoreboard-table table tbody tr td:first-child {
    width: 100%;
  }
}
.athletic__scoreboard-table table .table-head:hover {
  background-color: transparent !important;
}

.athletic__matchs {
  position: relative;
}
.light .athletic__matchs {
  background-color: var(--white-13);
}
.athletic__matchs .arrow {
  position: absolute;
  max-width: 85px;
  inset-inline-start: 280px;
  top: 40px;
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs .arrow {
    inset-inline-start: 200px;
    top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__matchs .arrow {
    inset-inline-start: 20px;
    max-width: 70px;
  }
}
.light .athletic__matchs .arrow img {
  filter: invert(1);
}
.athletic__matchs-wrapper {
  display: grid;
  grid-template-columns: 0.5fr auto;
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-left {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1919px) {
  .athletic__matchs-left img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__matchs-left img {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.athletic__matchs-section {
  text-align: center;
  max-width: 600px;
  margin: auto;
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .athletic__matchs-section {
    margin-bottom: 50px;
  }
}
.athletic__matchs-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 1220px;
  margin-inline-start: -100px;
}
@media only screen and (max-width: 1919px) {
  .athletic__matchs-items {
    margin-inline-start: -60px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-items {
    gap: 20px;
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__matchs-items {
    gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__matchs-items {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.athletic__matchs-item {
  background-color: var(--orange-3);
  text-align: center;
  padding: 48px 20px;
  max-width: 400px;
  border-radius: 15px;
  font-family: "Teko", sans-serif;
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-item {
    width: unset;
    max-width: unset;
  }
}
.athletic__matchs-item:last-of-type {
  margin-bottom: 0;
}
.athletic__matchs-item.second-item {
  background-color: #2D303A;
}
.athletic__matchs-item.second-item * {
  color: var(--white-13);
  border-color: var(--white-13);
}
.light .athletic__matchs-item.second-item .athletic__matchs-dis2 {
  color: var(--black-2);
}
.athletic__matchs-item.third-item {
  background-color: #BA9AE2;
}
.athletic__matchs-titlewrapper {
  margin-bottom: 20px;
}
.athletic__matchs-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 65px;
  text-transform: uppercase;
  color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__matchs-title {
    font-size: 40px;
    margin-bottom: 0;
  }
}
.athletic__matchs-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: "euclid_Circular_B";
  color: var(--black-9);
}
.light .athletic__matchs-dis p {
  color: var(--gray-10);
}
.athletic__matchs-dis2 {
  width: 160px;
  height: auto;
  font-size: 20px;
  color: var(--white);
  display: inline-block;
  transform: translateY(-49px);
  padding: 2px 10px 0;
  text-transform: uppercase;
  background-image: url(../imgs/athletic/shape.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}
.light .athletic__matchs-dis2 {
  background-image: url(../imgs/athletic/shape-light.svg);
}
.athletic__matchs-dis3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
}
.athletic__matchs-logo {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
  margin: auto;
  height: 70px;
  width: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
.athletic__matchs-logo:first-of-type {
  margin-top: 45px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
  .athletic__matchs-logo:first-of-type {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__matchs-logo:first-of-type {
    margin-top: 0;
  }
}
.athletic__matchs-logo:last-of-type {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .athletic__matchs-logo:last-of-type {
    margin-bottom: 30px;
  }
}
.athletic__matchs-title1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
  margin-bottom: 5px;
}
@media only screen and (max-width: 991px) {
  .athletic__matchs-title1 {
    font-size: 30px;
  }
}
.athletic__matchs-title1:last-of-type {
  margin-bottom: 10px;
}
.athletic__matchs-title2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  color: var(--black-2);
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 1399px) {
  .athletic__matchs-title2 {
    margin-bottom: 10px;
  }
}
.athletic__matchs-title3 {
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
}
.athletic__matchs-footer {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--black-2);
  border-top: 1px solid var(--black-2);
  border-bottom: 1px solid var(--black-2);
  margin-bottom: 0;
  padding: 14px 0;
  line-height: 1;
  max-width: 250px;
  margin: auto;
}

.athletic__video {
  background-color: var(--black-3);
}
.light .athletic__video {
  background-color: #DDD2CC;
}
.athletic__video-wrapper {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  gap: 250px;
}
@media only screen and (max-width: 1919px) {
  .athletic__video-wrapper {
    gap: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__video-wrapper {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__video-wrapper {
    grid-template-columns: auto;
  }
}
.athletic__video-left {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .athletic__video-left {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__video-left {
    margin-bottom: 30px;
  }
}
.athletic__video-arrow1 {
  position: absolute;
  inset-inline-start: 80px;
  bottom: 44px;
  height: 130px;
}
.dir-rtl .athletic__video-arrow1 {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1399px) {
  .athletic__video-arrow1 {
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__video-arrow1 {
    display: none;
  }
}
.athletic__video-titlewrapper {
  margin-bottom: 40px;
  max-width: 530px;
}
.athletic__video-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic__video-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__video-title {
    font-size: 40px;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.athletic__video-dis p {
  max-width: 410px;
  margin-inline-start: 196px;
  margin-bottom: 130px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--black-9);
  font-family: "Estedad";
}
.light .athletic__video-dis p {
  color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .athletic__video-dis p {
    margin-inline-start: 60px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__video-dis p {
    margin-inline-start: 30px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__video-dis p {
    margin-bottom: 30px;
    margin-inline-start: 0;
  }
}
.athletic__video-shade {
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
}
.athletic__video-frame {
  background-image: url("../imgs/athletic/frame.png");
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 835px;
  height: 490px;
  position: relative;
  border-radius: 16px;
}
@media only screen and (max-width: 1199px) {
  .athletic__video-frame {
    height: 360px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__video-frame {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__video-frame {
    height: 260px;
    padding-top: 30px;
  }
}
.athletic__video-frame::before {
  position: absolute;
  content: "";
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  top: 0;
  inset-inline-start: 0;
  background-image: url("../imgs/athletic/match.png");
  background-size: cover;
  border-radius: 16px;
  margin: 5px;
}
.athletic__video-email {
  margin-inline-start: 196px;
}
@media only screen and (max-width: 1919px) {
  .athletic__video-email {
    margin-inline-start: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__video-email {
    margin-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__video-email {
    margin-inline-start: 0;
  }
}
.athletic__video-playbtn {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: var(--orange-deep);
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  display: flex;
  align-items: center;
  color: var(--white-13);
}
@media only screen and (max-width: 767px) {
  .athletic__video-playbtn {
    height: 50px;
    width: 50px;
  }
}
.athletic__video-playbtn i {
  color: var(--black-2);
}
.athletic__video-playbtn:hover {
  background-color: var(--white-13);
  color: var(--orange-deep);
}

.light .athletic__biography {
  background-color: var(--white-13);
}
.athletic__biography-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
}
@media only screen and (max-width: 1919px) {
  .athletic__biography-wrapper {
    grid-template-columns: 1fr 2fr;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__biography-wrapper {
    grid-template-columns: 1fr 2.5fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__biography-wrapper {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__biography-right {
    padding-top: 30px;
  }
}
.athletic__biography-items {
  max-width: 180px;
  display: grid;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .athletic__biography-items {
    max-width: 100%;
    grid-template-columns: 1fr 1fr;
  }
}
.athletic__biography-title {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
}
.athletic__biography-title2 {
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white-13);
  display: inline-block;
  padding-bottom: 5px;
}
.athletic__biography-dis p {
  font-size: 14px;
  color: var(--gray-4);
}
.light .athletic__biography-dis p {
  color: var(--gray);
}
.athletic__biography-dis2 {
  font-weight: 500;
  font-size: 70px;
  line-height: 0.95;
  color: var(--white-13);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .athletic__biography-dis2 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__biography-dis2 {
    font-size: 40px;
  }
}
.athletic__biography-email {
  margin-top: 110px;
}
@media only screen and (max-width: 1199px) {
  .athletic__biography-email {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__biography-email {
    margin-top: 40px;
  }
}

.athletic__btn .wc-btn-underline {
  font-size: 18px;
  font-family: "Teko", sans-serif;
  text-transform: uppercase;
  color: var(--white-13);
}
.light .athletic__btn .wc-btn-underline {
  color: var(--black-2);
}
.athletic__btn .wc-btn-underline i {
  transform: rotate(-45deg);
  transition: all 0.3s;
}
.dir-rtl .athletic__btn .wc-btn-underline i {
  transform: rotate(-135deg);
}
.athletic__btn .wc-btn-underline:hover {
  color: var(--primary);
}
.athletic__btn .wc-btn-underline:hover i {
  transform: rotate(0);
}
.dir-rtl .athletic__btn .wc-btn-underline:hover i {
  transform: rotate(-180deg);
}
.athletic__blog {
  overflow: hidden;
}
.light .athletic__blog {
  background-color: var(--white-13);
}
.athletic__blog-text {
  position: relative;
}
.athletic__blog-text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  font-family: "Teko", sans-serif;
  color: var(--white-13);
  text-transform: uppercase;
  position: relative;
}
.light .athletic__blog-text p {
  color: var(--black-2);
}
.athletic__blog-text p::before {
  position: absolute;
  content: "";
  width: 120px;
  height: 1px;
  inset-inline-start: -130px;
  top: 7px;
  margin-bottom: 1px;
  background-color: var(--white-13);
}
.light .athletic__blog-text p::before {
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .athletic__blog-text p::before {
    width: 60px;
    inset-inline-start: -70px;
  }
}
.athletic__blog-text-wrap {
  position: relative;
  inset-inline-start: 55%;
  width: 100%;
  top: -40px;
}
@media only screen and (max-width: 1919px) {
  .athletic__blog-text-wrap {
    top: -20px;
    inset-inline-start: 60%;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-text-wrap {
    inset-inline-start: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-text-wrap {
    top: 0;
    inset-inline-start: 130px;
  }
}
.athletic__blog-stitle {
  font-weight: 600;
  font-size: 350px;
  line-height: 0.95;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-13);
}
@media only screen and (max-width: 1700px) {
  .athletic__blog-stitle {
    font-size: 210px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-stitle {
    font-size: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-stitle {
    font-size: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-stitle {
    font-size: 90px;
  }
}
.athletic__blog-rtitle {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .athletic__blog-rtitle {
    font-size: 40px;
  }
}
.athletic__blog-items {
  display: flex;
  gap: 70px 45px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 100px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .athletic__blog-items {
    gap: 50px 15px;
  }
}
@media only screen and (max-width: 1919px) {
  .athletic__blog-items {
    gap: 50px 15px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-items {
    gap: 40px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-items {
    margin-top: 30px;
    margin-bottom: 40px;
    grid-template-columns: 1fr;
  }
}
.athletic__blog-item {
  position: relative;
  flex-basis: 20%;
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-item {
    flex-basis: 21%;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-item {
    flex: 44%;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-item {
    flex: 100%;
  }
}
.athletic__blog-item:hover .athletic__blog-title {
  color: var(--primary);
}
.athletic__blog-item.featured {
  flex-basis: 30%;
}
@media only screen and (max-width: 991px) {
  .athletic__blog-item.featured {
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-item.featured {
    flex-basis: 100%;
  }
}
.athletic__blog-item.featured .athletic__blog-meta {
  color: var(--white);
}
.athletic__blog-item.featured .athletic__blog-thumb {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-item.featured .athletic__blog-thumb {
    width: unset;
    height: 100%;
  }
}
.athletic__blog-item.featured .athletic__blog-thumb img {
  height: 720px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1919px) {
  .athletic__blog-item.featured .athletic__blog-thumb img {
    height: 625px;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__blog-item.featured .athletic__blog-thumb img {
    height: 100%;
  }
}
.athletic__blog-item.featured .athletic__blog-content {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 3;
  padding: 50px 50px 40px;
}
@media only screen and (max-width: 1399px) {
  .athletic__blog-item.featured .athletic__blog-content {
    bottom: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-item.featured .athletic__blog-content {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-item.featured .athletic__blog-content {
    padding: 30px;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-item.featured .athletic__blog-content {
    padding: 30px 20px;
  }
}
.athletic__blog-item.featured .athletic__blog-title {
  font-size: 50px;
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-item.featured .athletic__blog-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-item.featured .athletic__blog-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-item.featured .athletic__blog-title {
    font-size: 36px;
  }
}
.athletic__blog-item.featured .athletic__blog-dis {
  display: none;
}
.athletic__blog-thumb {
  overflow: hidden;
  margin-bottom: 25px;
  border-radius: 20px;
  transition: width 1s linear;
}
.athletic__blog-thumb img {
  width: 100%;
  border-radius: 20px;
}
.athletic__blog-content {
  position: relative;
  z-index: 3;
  max-width: 535px;
}
.athletic__blog-meta {
  font-family: "Teko", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--gray-4);
  display: block;
  margin-bottom: 15px;
}
.light .athletic__blog-meta {
  color: var(--gray);
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-meta {
    margin-bottom: 10px;
  }
}
.athletic__blog-title {
  font-weight: 500;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
  transition: 0.3s;
}
@media only screen and (max-width: 1399px) {
  .athletic__blog-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__blog-title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blog-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blog-title {
    font-size: 30px;
  }
}
.athletic__blog-dis p {
  font-size: 18px;
  line-height: 1.6;
  padding-top: 20px;
  color: var(--gray-4);
}
.light .athletic__blog-dis p {
  color: var(--gray);
}
@media only screen and (max-width: 1700px) {
  .athletic__blog-dis p {
    font-size: 16px;
    padding-top: 15px;
  }
}
.athletic__blog-email {
  text-align: center;
}
.athletic__blog-email a {
  font-size: 18px;
}

.athletic__subscribe {
  background-color: var(--white-13);
}
.light .athletic__subscribe {
  background-color: var(--black-2);
}
.athletic__subscribe-wrapper {
  max-width: 690px;
  margin: auto;
}
.athletic__subscribe-titlewrapper {
  margin-bottom: 55px;
}
.athletic__subscribe-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 0.9;
  text-align: center;
  text-transform: uppercase;
  color: var(--black-2);
}
.light .athletic__subscribe-title {
  color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic__subscribe-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__subscribe-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__subscribe-title {
    font-size: 40px;
  }
}
.athletic__subscribe-form {
  position: relative;
}
.athletic__subscribe-form input, .athletic__subscribe-form .cf-details-comment__field textarea, .cf-details-comment__field .athletic__subscribe-form textarea, .athletic__subscribe-form .dt-inap__appointment textarea, .dt-inap__appointment .athletic__subscribe-form textarea, .athletic__subscribe-form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .athletic__subscribe-form textarea {
  display: block;
  width: 100%;
  border: 1px solid var(--black-6);
  border-radius: 37.5px;
  background-color: transparent;
  height: 75px;
  padding: 0 30px;
  color: var(--black-2);
  padding-inline-end: 180px;
}
.light .athletic__subscribe-form input, .light .athletic__subscribe-form .cf-details-comment__field textarea, .cf-details-comment__field .light .athletic__subscribe-form textarea, .light .athletic__subscribe-form .dt-inap__appointment textarea, .dt-inap__appointment .light .athletic__subscribe-form textarea, .light .athletic__subscribe-form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .athletic__subscribe-form textarea {
  color: var(--white-13);
}
@media lg {
  .athletic__subscribe-form input, .athletic__subscribe-form .cf-details-comment__field textarea, .cf-details-comment__field .athletic__subscribe-form textarea, .athletic__subscribe-form .dt-inap__appointment textarea, .dt-inap__appointment .athletic__subscribe-form textarea, .athletic__subscribe-form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .athletic__subscribe-form textarea {
    padding-inline-end: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__subscribe-form input, .athletic__subscribe-form .cf-details-comment__field textarea, .cf-details-comment__field .athletic__subscribe-form textarea, .athletic__subscribe-form .dt-inap__appointment textarea, .dt-inap__appointment .athletic__subscribe-form textarea, .athletic__subscribe-form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .athletic__subscribe-form textarea {
    padding: 0 20px;
    padding-inline-end: 130px;
  }
}
.athletic__subscribe-form input::-moz-placeholder, .athletic__subscribe-form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .athletic__subscribe-form textarea::-moz-placeholder, .athletic__subscribe-form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .athletic__subscribe-form textarea::-moz-placeholder, .athletic__subscribe-form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .athletic__subscribe-form textarea::-moz-placeholder {
  color: var(--black-2);
}
.athletic__subscribe-form input::placeholder, .athletic__subscribe-form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .athletic__subscribe-form textarea::placeholder, .athletic__subscribe-form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .athletic__subscribe-form textarea::placeholder, .athletic__subscribe-form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .athletic__subscribe-form textarea::placeholder {
  color: var(--black-2);
}
.light .athletic__subscribe-form input::-moz-placeholder, .light .athletic__subscribe-form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .athletic__subscribe-form textarea::-moz-placeholder, .light .athletic__subscribe-form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .athletic__subscribe-form textarea::-moz-placeholder, .light .athletic__subscribe-form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .athletic__subscribe-form textarea::-moz-placeholder {
  color: var(--white-13);
}
.light .athletic__subscribe-form input::placeholder, .light .athletic__subscribe-form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .athletic__subscribe-form textarea::placeholder, .light .athletic__subscribe-form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .athletic__subscribe-form textarea::placeholder, .light .athletic__subscribe-form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .athletic__subscribe-form textarea::placeholder {
  color: var(--white-13);
}
.athletic__subscribe-form input:focus, .athletic__subscribe-form .cf-details-comment__field textarea:focus, .cf-details-comment__field .athletic__subscribe-form textarea:focus, .athletic__subscribe-form .dt-inap__appointment textarea:focus, .dt-inap__appointment .athletic__subscribe-form textarea:focus, .athletic__subscribe-form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .athletic__subscribe-form textarea:focus {
  outline: 0;
}
.athletic__subscribe-submit {
  display: flex;
  align-items: center;
  font-family: "Teko", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
  position: absolute;
  inset-inline-end: 50px;
  top: 50%;
  transform: translateY(-50%);
  border-inline-start: 1px solid var(--black-6);
  height: 100%;
  padding-inline-start: 50px;
  padding-top: 5px;
  gap: 10px;
}
.light .athletic__subscribe-submit {
  color: var(--white-13);
}
.dir-rtl .athletic__subscribe-submit i {
  transform: rotate(-80deg);
}
@media only screen and (max-width: 767px) {
  .athletic__subscribe-submit {
    padding-inline-start: 20px;
    padding-top: 7px;
    inset-inline-end: 20px;
  }
}
.athletic__subscribe-submit:hover {
  color: var(--primary);
}
.athletic__subscribe-dis p {
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: var(--gray-10);
  padding-top: 28px;
}
.light .athletic__subscribe-dis p {
  color: var(--gray-4);
}

.light .athletic__product {
  background-color: var(--white-13);
}
@media only screen and (max-width: 767px) {
  .athletic__product {
    padding-top: 40px;
  }
}
.athletic__product-btn {
  font-family: "Teko", sans-serif;
}
.athletic__product-btn a {
  font-size: 18px;
}
.athletic__product-wrapper {
  padding-inline-start: 100px;
  border-bottom: 1px solid var(--white-13);
}
@media only screen and (min-width: 1600px) {
  .box-layout .athletic__product-wrapper {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 1700px) {
  .athletic__product-wrapper {
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__product-wrapper {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__product-wrapper {
    padding-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-wrapper {
    padding-inline-start: 0;
  }
}
.athletic__product-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .athletic__product-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-items {
    grid-template-columns: 1fr;
  }
}
.athletic__product-item {
  border-inline-start: 1px solid var(--white-13);
  position: relative;
  overflow: hidden;
  padding: 30px 30px 20px;
}
@media only screen and (max-width: 1199px) {
  .athletic__product-item {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-item {
    border: 0;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__product-item:nth-child(2) {
    border-bottom: 1px solid var(--white);
  }
}
@media only screen and (max-width: 991px) {
  .athletic__product-item:nth-child(3) {
    border-inline-start: 0;
  }
}
.athletic__product-item:first-of-type {
  border-inline-start: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .athletic__product-item:first-of-type {
    border-bottom: 1px solid var(--white);
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-item:first-of-type {
    padding-bottom: 40px;
  }
}
.athletic__product-item:hover .athletic__product-content {
  opacity: 0;
  visibility: hidden;
}
.athletic__product-item:hover .athletic__product-contenthover {
  transform: translateY(0);
}
.athletic__product-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .athletic__product-title {
    font-size: 40px;
  }
}
.athletic__product-dis p {
  max-width: 340px;
  font-size: 18px;
  line-height: 26px;
  color: var(--gray-4);
  margin-bottom: 100px;
}
.light .athletic__product-dis p {
  color: var(--gray-9);
}
@media only screen and (max-width: 1199px) {
  .athletic__product-dis p {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-dis p {
    margin-bottom: 50px;
  }
}
.athletic__product-thumb {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .athletic__product-thumb {
    padding-top: 40px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-thumb {
    padding-top: 0;
  }
}
.athletic__product-thumb img {
  max-width: 100%;
}
@media only screen and (max-width: 1199px) {
  .athletic__product-thumb img {
    max-width: 80%;
  }
}
.athletic__product-content {
  width: 100%;
  transition: all 0.3s;
  position: absolute;
  inset-inline-start: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .athletic__product-content {
    bottom: 65px;
  }
}
.athletic__product-content .title {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.2;
  text-align: center;
  color: var(--white-13);
  text-transform: uppercase;
}
.athletic__product-contenthover {
  text-align: center;
  transition: 0.3s linear;
  background-color: var(--white-13);
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  bottom: 0;
  transform: translateY(100px);
}
.light .athletic__product-contenthover {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .athletic__product-contenthover {
    transform: unset;
    bottom: 5px;
    width: 96%;
    inset-inline-start: 2%;
  }
}
.athletic__product-contenthover button {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.1;
  padding: 22px 0;
  font-family: "Teko", sans-serif;
  color: var(--black-2);
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.light .athletic__product-contenthover button {
  color: var(--white-13);
}
@media only screen and (max-width: 1199px) {
  .athletic__product-contenthover button {
    padding: 15px 0;
  }
}
.athletic__product-contenthover button img {
  padding-inline-end: 10px;
}
.light .athletic__product-contenthover button img {
  filter: invert(1);
}
.athletic__product-price {
  display: inline-block;
  display: flex;
  justify-content: flex-end;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white);
}
.athletic__product .athletic__blog-email {
  align-self: flex-start;
}
@media only screen and (max-width: 1399px) {
  .athletic__product .athletic__blog-email {
    padding-bottom: 5px;
  }
}

.light .athletic__press {
  background-color: var(--white-13);
}
.athletic__press-section {
  display: flex;
  justify-content: center;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .athletic__press-section {
    justify-content: start;
    max-width: 100%;
    text-align: start;
    flex-wrap: wrap;
  }
}
.athletic__press-sectiontwo {
  display: grid;
  gap: 20px;
  align-items: center;
  grid-template-columns: 1fr auto;
  margin-top: 55px;
}
.athletic__press-btnup a {
  font-family: "Teko", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--black-2);
  padding: 14px 30px 9px;
  border-color: transparent;
  background-color: var(--white-13);
}
.light .athletic__press-btnup a {
  color: var(--white-13);
  background-color: var(--black-2);
}
.athletic__press-btnup a img {
  transition: all 0.4s;
}
.light .athletic__press-btnup a img {
  filter: brightness(100);
}
.dir-rtl .athletic__press-btnup a img {
  transform: rotate(-80deg);
}
.athletic__press-linewrapper span {
  display: block;
  background: var(--white-13);
  width: 100%;
  margin-bottom: 10px;
}
.athletic__press-linewrapper span:last-child {
  margin-bottom: 0;
}
.athletic__press-lineone {
  height: 12px;
}
.athletic__press-two {
  height: 6px;
}
.athletic__press-three {
  height: 4px;
}
.athletic__press-four {
  height: 2px;
}
.athletic__press-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--white-13);
  text-align: end;
}
@media only screen and (max-width: 1199px) {
  .athletic__press-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__press-title {
    font-size: 40px;
  }
}
.athletic__press-dis p {
  max-width: 350px;
  margin-inline-start: 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: var(--black-9);
}
.light .athletic__press-dis p {
  color: var(--gray-10);
}
@media only screen and (max-width: 767px) {
  .athletic__press-dis p {
    margin-inline-start: 10px;
    padding-top: 10px;
  }
}
.athletic__press-gallary {
  margin-top: 40px;
}
.athletic__press-items, .athletic__press-items-2 {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1.7fr 1fr 0.7fr;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .athletic__press-items, .athletic__press-items-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__press-items, .athletic__press-items-2 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__press-items .col-first, .athletic__press-items-2 .col-first {
    grid-column: 1/3;
  }
}
.athletic__press-items .col-second, .athletic__press-items-2 .col-second {
  display: grid;
  gap: 15px;
}
@media only screen and (max-width: 991px) {
  .athletic__press-items .col-second, .athletic__press-items-2 .col-second {
    grid-column: 3/-1;
  }
}
.athletic__press-items .col-second .inner, .athletic__press-items-2 .col-second .inner {
  display: grid;
  gap: 15px;
  grid-template-columns: 0.66fr 1fr;
}
@media only screen and (max-width: 767px) {
  .athletic__press-items .col-second .inner, .athletic__press-items-2 .col-second .inner {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__press-items .col-third, .athletic__press-items-2 .col-third {
    grid-column: 1/4;
  }
}
.athletic__press-items .col-fourth, .athletic__press-items-2 .col-fourth {
  display: grid;
  gap: 15px;
}
@media only screen and (max-width: 991px) {
  .athletic__press-items .col-fourth, .athletic__press-items-2 .col-fourth {
    grid-column: 4/-1;
  }
}
.athletic__press-items-2 {
  grid-template-columns: 0.7fr 1fr 1.7fr 1fr;
}
@media only screen and (max-width: 991px) {
  .athletic__press-items-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__press-items-2 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__press-items-2 .col-third {
    grid-column: 1/4;
    grid-row: 1;
  }
}
.athletic__press-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .athletic__press-item {
    text-align: center;
  }
}
.athletic__press-item:hover img {
  transform: scale(1.05);
}
.athletic__press-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  background-color: rgba(28, 29, 32, 0.5);
  z-index: 1;
  opacity: 0;
  border-radius: 10px;
  transition: all 0.9s;
}
@media only screen and (max-width: 1199px) {
  .athletic__press-item::after {
    opacity: 0;
  }
}
.athletic__press-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .athletic__press-item img {
    height: auto;
    width: unset;
    max-width: 100%;
  }
}
.athletic__press-item .video .popup-icon,
.athletic__press-item .image .popup-icon {
  width: 70px;
  height: 70px;
  border: 2px solid var(--white);
  color: var(--white);
  border-radius: 100%;
  font-size: 18px;
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  text-align: center;
  line-height: 70px;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .athletic__press-item .video .popup-icon,
  .athletic__press-item .image .popup-icon {
    opacity: 1;
    visibility: visible;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.athletic__press-item .video .popup-icon:hover,
.athletic__press-item .image .popup-icon:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.athletic__press-item:hover::after {
  opacity: 1;
}
.athletic__press-item:hover .video .popup-icon,
.athletic__press-item:hover .image .popup-icon {
  opacity: 1;
  visibility: visible;
}
.athletic__press-twoitem img {
  max-width: 100%;
}
.athletic__press .mt-15 {
  margin-top: 15px;
}
.athletic__press-menuwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .athletic__press-menuwrapper {
    gap: 15px;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
.athletic__press-menuwrapper .nav-tabs {
  border: 0;
}
.athletic__press-menuwrapper .nav-tabs .nav-link {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: #817670;
  border: 0;
}
@media only screen and (max-width: 767px) {
  .athletic__press-menuwrapper .nav-tabs .nav-link {
    padding: 10px;
    padding-inline-start: 0;
  }
}
.athletic__press-menuwrapper .nav-tabs .nav-link.active {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--white);
  background: transparent;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 0.5px;
}
.light .athletic__press-menuwrapper .nav-tabs .nav-link.active {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .athletic__press-menuwrapper .nav-tabs .nav-link.active {
    font-size: 16px;
  }
}

.am-media__title {
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .am-media__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .am-media__title {
    font-size: 40px;
  }
}

.athletic__textslider-area {
  padding-top: 28px;
  padding-bottom: 18px;
  background-color: var(--orange-deep);
}
.athletic__textslider .title {
  font-weight: 600;
  font-size: 100px;
  line-height: 1;
  color: var(--black-2);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .athletic__textslider .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__textslider .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__textslider .title {
    font-size: 32px;
  }
}
.athletic__brand {
  border-bottom: 1px solid #333337;
}
.light .athletic__brand {
  border-width: 2px;
  background-color: var(--black-2);
}
.athletic__brand-wrapper {
  padding: 60px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .athletic__brand-wrapper {
    padding: 40px 0;
  }
}
.athletic__brand-wrapper::before {
  border-inline-end: 1px solid #333337;
  content: "";
  inset-inline-end: 0;
  top: 0;
  inset-inline-start: 31%;
  height: 100%;
  width: 1px;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .athletic__brand-wrapper::before {
    display: none;
  }
}
.athletic__brand-items {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .athletic__brand-items {
    gap: 60px;
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__brand-items {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__brand-items {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__brand-item {
    margin: 0 auto;
  }
}
.athletic__brand-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
  padding: 30px 0;
}
.light .athletic__brand-title {
  color: var(--white-13);
}
@media only screen and (max-width: 991px) {
  .athletic__brand-title {
    text-align: center;
  }
}
.athletic__brand-logos {
  float: right;
  display: grid;
  gap: 60px 70px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .athletic__brand-logos {
    margin-inline-start: 0;
    grid-column-gap: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__brand-logos {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__brand-logos {
    float: unset;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__brand-logos {
    grid-template-columns: auto auto;
    margin-inline-start: 0;
    grid-column-gap: 50px;
    grid-row-gap: 40px;
    margin-top: 30px;
  }
}
.athletic__brand-logos img {
  max-width: 100%;
  margin-inline-start: auto;
}
@media only screen and (max-width: 1199px) {
  .athletic__brand-logos img {
    max-width: 120px;
  }
}

.athletic__footer {
  padding-top: 45px;
  padding-bottom: 45px;
  display: grid;
  gap: 20px;
  align-items: center;
  grid-template-columns: 1fr 0.8fr 1fr;
}
.light .athletic__footer {
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .athletic__footer {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
.athletic__footer-logo img {
  max-width: 185px;
}
@media only screen and (max-width: 991px) {
  .athletic__footer-left {
    grid-column: 1/2;
    grid-row: 1;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__footer-left {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__footer-right {
    grid-row: 1;
    grid-column: 2/-1;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__footer-right {
    grid-row: 2;
    grid-column: 1;
  }
}
.athletic__footer-center {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .athletic__footer-center {
    grid-row: 2;
    grid-column: 1/-1;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__footer-center {
    grid-row: 3;
    margin-top: 0;
    text-align: center;
  }
  .athletic__footer-center br {
    display: block;
  }
}
.athletic__footer-center p {
  font-size: 18px;
  font-weight: 500;
}
.light .athletic__footer-center p {
  color: var(--gray-4);
}
.athletic__footer-center a {
  transition: all 0.3s;
  color: var(--white);
  display: inline-block;
}
.athletic__footer-center a:hover {
  color: var(--primary);
}
.athletic__footer-items {
  gap: 40px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .athletic__footer-items {
    gap: 20px;
    justify-content: center;
  }
}
.athletic__footer-item {
  text-align: center;
}
.athletic__footer-item i {
  font-size: 20px;
  color: var(--white);
  transition: all 0.3s;
}
.athletic__footer-item i:hover {
  color: var(--primary);
}
.athletic__footer-item p {
  color: var(--white);
  padding-top: 5px;
  font-size: 14px;
}
.light .athletic__footer.speaker-footer__area .athletic__footer-center a {
  color: var(--black-2);
}
.light .athletic__footer.speaker-footer__area .athletic__footer-item i {
  color: var(--black-2);
}
.light .athletic__footer.speaker-footer__area .athletic__footer-item p {
  color: var(--black-2);
}

/*
    Basic table SASS

*/
@media (max-width: 768px) {
  table.bt thead {
    display: none;
  }
  table.bt tbody td {
    border: none;
    display: block;
  }
  table.bt tbody td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
  }
  table.bt tbody td.bt-hide {
    display: none;
  }
  table.bt tbody td .bt-content {
    vertical-align: top;
  }
  .bt-wrapper.active {
    max-height: 310px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/*
    ATHLETE HEADER AREA SASS

*/
.athletic__innerabout {
  padding-top: 150px;
  position: relative;
}
.light .athletic__innerabout {
  background-color: var(--white-13);
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout {
    padding-top: 60px;
  }
}
.athletic__innerabout-titlewrapper {
  padding-inline-start: 145px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-titlewrapper {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-titlewrapper {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-titlewrapper {
    padding-inline-start: 50px;
    padding-bottom: 40px;
  }
}
.athletic__innerabout-title {
  font-weight: 700;
  font-size: 180px;
  line-height: 0.8;
  text-transform: uppercase;
  color: var(--white);
  margin-top: -25px;
  padding-inline-start: 20px;
}
@media only screen and (max-width: 1919px) {
  .athletic__innerabout-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-title {
    font-size: 60px;
    padding-inline-start: 0;
  }
}
.athletic__innerabout-highlight {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white);
  transform: rotate(-90deg);
  position: relative;
  display: inline-block;
  top: 90px;
  inset-inline-start: -13px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-highlight {
    top: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-highlight {
    top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-highlight {
    top: 10px;
  }
}
.athletic__innerabout-highlight::before {
  position: absolute;
  content: "";
  inset-inline-start: -38px;
  top: -14px;
  width: 1px;
  height: 50px;
  background: var(--gray-10);
  transform: rotate(-90deg);
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-highlight::before {
    height: 30px;
    inset-inline-start: -24px;
    top: -4px;
  }
}
.athletic__innerabout-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 170px;
}
@media only screen and (max-width: 1919px) {
  .athletic__innerabout-wrapper {
    gap: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-wrapper {
    gap: 60px;
    grid-template-columns: 2fr 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-wrapper {
    gap: 60px;
    grid-template-columns: 1fr;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-wrapper {
    gap: 60px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-wrapper {
    gap: 20px;
    padding-bottom: 60px;
  }
}
.athletic__innerabout-thumbswrapper {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 100px;
}
@media only screen and (max-width: 1919px) {
  .athletic__innerabout-thumbswrapper {
    gap: 60px;
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-thumbswrapper {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-thumbswrapper {
    grid-template-columns: 250px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-thumbswrapper {
    grid-template-columns: 1fr;
  }
}
.athletic__innerabout-thumb {
  position: relative;
}
.athletic__innerabout-thumb .sm-1 {
  position: relative;
  border-radius: 10px;
  max-width: 100%;
  top: 100px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-thumb .sm-1 {
    top: 0;
    max-width: 100%;
    border-radius: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-thumb .sm-1 {
    width: unset;
    width: 220px;
  }
}
.athletic__innerabout-thumb .sm-2 {
  filter: brightness(100);
  position: absolute;
  inset-inline-end: 0;
  bottom: 70px;
}
.light .athletic__innerabout-thumb .sm-2 {
  filter: brightness(0);
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-thumb .sm-2 {
    inset-inline-end: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-thumbright {
    text-align: center;
  }
}
.athletic__innerabout-thumbright img {
  width: 100%;
}
.athletic__innerabout-diswrapper p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-2);
  padding-bottom: 30px;
}
.light .athletic__innerabout-diswrapper p {
  color: var(--gray-10);
}
.athletic__innerabout-thumbright img {
  border-radius: 10px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerabout-thumbright img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerabout-thumbright img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-thumbright img {
    max-width: 320px;
  }
}
.athletic__innerabout-signaturewrap {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-signaturewrap {
    padding-bottom: 40px;
  }
}
.athletic__innerabout-shape1 {
  position: absolute;
  top: 80px;
  inset-inline-start: 56%;
}
@media only screen and (max-width: 991px) {
  .athletic__innerabout-shape1 {
    top: 30px;
    inset-inline-start: 44%;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerabout-shape1 {
    display: none !important;
  }
}
.athletic__innerabout-shape2 {
  position: absolute;
  inset-inline-start: 170px;
  top: 515px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 1919px) {
  .athletic__innerabout-shape2 {
    top: 460px;
  }
}
.athletic__innerstory {
  padding-top: 200px;
}
.light .athletic__innerstory {
  background-color: var(--white-13);
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory {
    padding-top: 0;
  }
}
.athletic__innerstory-sectionwrpper {
  text-align: center;
}
.athletic__innerstory-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--white);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .athletic__innerstory-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-title {
    font-size: 40px;
  }
}
.athletic__innerstory-wrapper {
  position: relative;
}
.athletic__innerstory-wrapper::before {
  position: absolute;
  content: "";
  inset-inline-end: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 1px;
  border: 1px dashed var(--white);
  z-index: 1;
}
.light .athletic__innerstory-wrapper::before {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .athletic__innerstory-wrapper::before {
    display: none;
  }
}
.athletic__innerstory-item {
  display: grid;
  grid-template-columns: 440px auto;
  align-items: center;
  gap: 40px;
  max-width: 1070px;
  margin: 0 auto;
  margin-bottom: 200px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory-item {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerstory-item {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-item {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
}
.athletic__innerstory-item:last-child {
  margin-bottom: 0;
}
.athletic__innerstory-item:nth-child(even) {
  grid-template-columns: 0.8fr 440px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory-item:nth-child(even) {
    padding-inline-start: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerstory-item:nth-child(even) {
    padding-inline-start: 0;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerstory-item:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-item:nth-child(even) {
    grid-template-columns: 1fr;
  }
}
.athletic__innerstory-item:nth-child(even) .athletic__innerstory-ithumb {
  order: 2;
}
.athletic__innerstory-item:nth-child(even) .athletic__innerstory-content {
  order: 1;
  text-align: end;
  padding-top: 15px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory-item:nth-child(even) .athletic__innerstory-content {
    background-color: var(--black-2);
    position: relative;
    z-index: 2;
  }
  .light .athletic__innerstory-item:nth-child(even) .athletic__innerstory-content {
    background-color: var(--white-13);
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-item:nth-child(even) .athletic__innerstory-content {
    order: 2;
  }
}
.athletic__innerstory-item:nth-child(even) .athletic__innerstory-ititle {
  padding-inline-start: 90px;
}
.athletic__innerstory-item:nth-child(even) .athletic__innerstory-contentinner {
  padding-inline-start: 0;
  padding-inline-end: 150px;
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory-item:nth-child(even) .athletic__innerstory-contentinner {
    padding-inline-end: 0;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-item:nth-child(even) .athletic__innerstory-contentinner {
    padding-bottom: 0;
  }
}
.athletic__innerstory-item:nth-child(even) .athletic__innerstory-ititle {
  color: var(--white);
  -webkit-text-fill-color: var(--black-2);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}
.light .athletic__innerstory-item:nth-child(even) .athletic__innerstory-ititle {
  color: var(--black-2);
  -webkit-text-fill-color: var(--white-13);
  -webkit-text-stroke-color: var(--black-2);
}
.athletic__innerstory-contentinner {
  padding-inline-start: 150px;
}
@media only screen and (max-width: 1199px) {
  .athletic__innerstory-contentinner {
    padding-inline-start: 0;
  }
}
.athletic__innerstory-ithumb img {
  border-radius: 10px;
  width: 100%;
}
.athletic__innerstory-ititle {
  font-weight: 400;
  font-size: 380px;
  line-height: 0.9;
  color: var(--white);
  position: relative;
  z-index: 3;
  background: var(--black-2);
}
.light .athletic__innerstory-ititle {
  background-color: var(--white-13);
}
@media only screen and (max-width: 1399px) {
  .athletic__innerstory-ititle {
    font-size: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__innerstory-ititle {
    font-size: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerstory-ititle {
    font-size: 70px;
  }
}
.athletic__innerstory-isubtitle {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
}
.athletic__innerstory-idis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.light .athletic__innerstory-idis p {
  color: var(--gray-10);
}
.athletic__family-text p {
  font-size: 18px;
  color: var(--gray-10);
}
.light .athletic__family-text p {
  color: var(--black-9);
}
.light .athletic__innerfamily {
  background-color: var(--white-13);
}
.athletic__innerfamily .about__bio {
  padding-top: 45px;
}
@media only screen and (max-width: 1199px) {
  .athletic__innerfamily .about__bio {
    padding-top: 18px;
  }
}
.athletic__innerfamily-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .athletic__innerfamily-wrapper {
    grid-template-columns: 1fr;
  }
}
.athletic__innerfamily-itemm {
  background-color: var(--white-13);
  height: 100%;
  display: flex;
  align-items: center;
  padding: 80px;
  border-radius: 15px;
}
.light .athletic__innerfamily-itemm {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1700px) {
  .athletic__innerfamily-itemm {
    padding: 35px 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__innerfamily-itemm {
    padding: 35px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__innerfamily-itemm {
    padding: 35px 20px;
  }
}
.athletic__innerfamily-itemm ul li {
  color: var(--black-2);
}
.light .athletic__innerfamily-itemm ul li {
  color: var(--white);
}
.athletic__innerfamily-itemm ul li strong {
  color: var(--black-2);
}
.light .athletic__innerfamily-itemm ul li strong {
  color: var(--white);
}
.athletic__innerfamily-thumb img {
  border-radius: 15px;
}
.athletic__innerfamily-ititle {
  font-weight: 600;
  font-size: 70px;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 40px;
  color: var(--black-2);
}
.light .athletic__innerfamily-ititle {
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .athletic__innerfamily-ititle {
    font-size: 40px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__innerfamily-ititle br {
    display: none;
  }
}
.athletic__innerfamily-subtitle {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
  color: var(--black-2);
}
.light .athletic__innerfamily-subtitle {
  color: var(--white);
}
.athletic__header {
  z-index: 2;
  position: relative;
}
.light .athletic__header {
  background-color: var(--white-13);
}
.athletic__header.pos-header {
  background-color: transparent;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.light .athletic__header.pos-header .athletic__header-menu li a {
  color: var(--white-13);
}
.light .athletic__header.pos-header .athletic__header-menu li a:hover {
  color: var(--primary);
}
.light .athletic__header.pos-header .athletic__header-center .icon {
  filter: unset;
}
.light .athletic__header.pos-header .athletic__header-btn {
  color: var(--white-13);
  border-color: var(--white-13);
}
.light .athletic__header.pos-header .athletic__header-btn img {
  filter: unset;
}
.light .athletic__header.pos-header .athletic__header-lang::before {
  background-color: var(--white);
}
.light .athletic__header.pos-header .athletic__header-lang select {
  color: var(--white-13);
}
.light .athletic__header.pos-header .athletic__header-left::before {
  background-color: var(--white);
}
.light .athletic__header.pos-header .athletic__header-wrap {
  border-color: var(--white);
}
.light .athletic__header.pos-header .athletic__header-shape2, .light .athletic__header.pos-header .athletic__header-shape1 {
  filter: unset;
}
.light .athletic__contact {
  background-color: var(--white-13);
}
.athletic__store {
  background-color: var(--green-10);
  padding-top: 90px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .athletic__store {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__store {
    padding-top: 150px;
    padding-bottom: 0;
  }
}
.athletic__store-thumb {
  z-index: 1;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .athletic__store-thumb {
    padding-top: 50px;
  }
}
.athletic__store-circlelg {
  width: 670px;
  height: 670px;
  background: #7AC2B5;
  border-radius: 50%;
  position: absolute;
  bottom: -336px;
  left: 550px;
}
@media only screen and (max-width: 1199px) {
  .athletic__store-circlelg {
    width: 300px;
    height: 300px;
    left: 300px;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__store-circlelg {
    width: 260px;
    height: 260px;
    left: 30px;
    bottom: 0;
  }
}
.athletic__store-circlesm {
  width: 180px;
  height: 180px;
  background: linear-gradient(#81C9BC 50%, #7AC2B5 50%);
  border-radius: 50%;
  transform: rotate(30deg);
  position: absolute;
  top: 175px;
  inset-inline-end: 180px;
  position: absolute;
}
.athletic__store-wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .athletic__store-wrapper {
    grid-template-columns: 1fr;
  }
}
.athletic__store-stitle {
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--black-2);
  display: block;
  padding-bottom: 19px;
}
.athletic__store-title {
  font-weight: 500;
  font-size: 100px;
  line-height: 0.85;
  text-transform: uppercase;
  color: var(--black-2);
  padding-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .athletic__store-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__store-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__store-title {
    font-size: 50px;
  }
}
.athletic__store-btn .wc-btn-primary {
  font-size: 22px;
  padding: 19px 40px;
  font-family: "Teko", sans-serif;
  color: var(--white);
  text-transform: uppercase;
  background: var(--black-4);
  font-weight: 400;
}
.athletic__store-btn .wc-btn-primary:hover {
  color: var(--black-2);
}
.light .athletic__store-btn .wc-btn-primary:hover {
  color: var(--white);
}
.dir-rtl .athletic__store-btn .wc-btn-primary i {
  transform: rotate(180deg);
}
.athletic__storeproducts {
  padding-top: 90px;
  padding-bottom: 100px;
}
.light .athletic__storeproducts {
  background-color: var(--white-13);
}
@media only screen and (max-width: 991px) {
  .athletic__storeproducts {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__storeproducts {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.athletic__storeproducts .nav-tabs {
  justify-content: center;
  border: 0;
}
.athletic__storeproducts .nav-tabs .nav-link {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--gray-4);
  border: 0;
}
.light .athletic__storeproducts .nav-tabs .nav-link {
  color: #817670;
}
@media only screen and (max-width: 767px) {
  .athletic__storeproducts .nav-tabs .nav-link {
    font-size: 18px;
    padding: 10px;
  }
}
.athletic__storeproducts .nav-tabs .nav-link:hover {
  border: 0;
}
.athletic__storeproducts .nav-tabs .nav-link.active {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--white);
  background: transparent;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 0.5px;
}
.light .athletic__storeproducts .nav-tabs .nav-link.active {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .athletic__storeproducts .nav-tabs .nav-link.active {
    font-size: 18px;
    padding: 10px;
  }
}
.athletic__storeproducts-sectionwrpper {
  text-align: center;
  padding-bottom: 10px;
}
.athletic__productstore {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .athletic__productstore {
    margin-top: 30px;
  }
}
.athletic__product-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .athletic__product-products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .athletic__product-products {
    grid-template-columns: 1fr;
  }
}
.athletic__product-item.style-1 {
  border: 1px solid var(--white);
}
.athletic__storefeature-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .athletic__storefeature-wrapper {
    grid-template-columns: 1fr;
  }
}
.athletic__storefeature-thumb {
  position: relative;
}
.athletic__storefeature-thumb img {
  border-radius: 10px;
}
.light .athletic__storefeature-thumb .athletic__btn .wc-btn-underline {
  color: var(--white);
}
.light .athletic__storefeature-thumb .athletic__btn .wc-btn-underline:hover {
  color: var(--primary);
}
.light .athletic__storefeature-thumb .athletic__btn .wc-btn-underline::after {
  background-color: var(--white);
}
.athletic__storefeature-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
}
.athletic__storefeature-content .stitle {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}
.light .athletic__storefeature-content .stitle {
  color: var(--white);
}
.athletic__storefeature-content .title {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
.light .athletic__storefeature-content .title {
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .athletic__storefeature-content .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__storefeature-content .title {
    font-size: 40px;
  }
}
.light .athletic__blogdetails {
  background-color: var(--white-13);
}
.athletic__blogdetails p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-13);
  padding-bottom: 30px;
}
.light .athletic__blogdetails p {
  color: var(--gray-10);
}
@media only screen and (max-width: 991px) {
  .athletic__blogdetails p {
    padding-bottom: 20px;
  }
}
.athletic__blogdetails-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media only screen and (max-width: 1399px) {
  .athletic__blogdetails-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__blogdetails-wrapper {
    gap: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blogdetails-wrapper {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
.athletic__blogdetails-wrapper .submit {
  border: 0;
  font-size: 18px;
  color: var(--black-2);
  font-family: "Teko", sans-serif;
  padding: 18px 40px 15px;
  background-color: var(--white);
}
.athletic__blogdetails-wrapper .submit:hover {
  background-color: transparent;
}
.athletic__blogdetails-wrapper .submit i {
  transform: rotate(45deg);
}
.athletic__blogdetails-thumb img {
  width: 100%;
  margin-inline-start: -100px;
}
@media only screen and (max-width: 1399px) {
  .athletic__blogdetails-thumb img {
    margin-inline-start: -30px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__blogdetails-thumb img {
    margin-top: 30px;
    margin-inline-start: 0;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__blogdetails-thumb img {
    margin-top: 15px;
  }
}
.athletic__blogdetails-meta {
  display: flex;
  gap: 45px;
  padding-bottom: 15px;
}
.athletic__blogdetails-meta li {
  font-family: "Teko", sans-serif;
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  position: relative;
}
.light .athletic__blogdetails-meta li {
  color: var(--gray-10);
}
.athletic__blogdetails-meta li:last-child::before {
  display: none;
}
.athletic__blogdetails-meta li::before {
  position: absolute;
  content: "";
  inset-inline-end: -32px;
  top: 50%;
  height: 1px;
  width: 24px;
  background-color: var(--white);
}
.light .athletic__blogdetails-meta li::before {
  background-color: var(--gray-10);
}
.athletic__blogdetails-titlewrapper {
  padding-bottom: 15px;
}
.athletic__blogdetails-featurewrapper {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .athletic__blogdetails-featurewrapper {
    grid-template-columns: 1fr;
  }
}
.athletic__blogdetails-featurewrapper.thumb img {
  width: 100%;
}
.athletic__blogdetails-featurewrapper .content span {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.light .athletic__blogdetails-featurewrapper .content span {
  color: var(--black-2);
}
.athletic__blogdetails-item p {
  padding-bottom: 20px;
}
.athletic__statehero {
  padding: 290px 15px 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../imgs/inner/athlete/state-hero.jpg);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .athletic__statehero {
    padding: 260px 15px 150px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__statehero {
    padding: 240px 15px 120px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__statehero {
    padding: 220px 15px 60px;
  }
}
.athletic__statehero-content {
  text-align: center;
}
.athletic__statehero-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 0.88;
  text-transform: uppercase;
  color: var(--white-13);
  position: relative;
  z-index: 1;
}
.light .athletic__statehero-title {
  color: var(--white-13);
}
@media only screen and (max-width: 1700px) {
  .athletic__statehero-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__statehero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__statehero-title {
    font-size: 50px;
  }
}
.athletic__statehero-title2 {
  font-weight: 600;
  font-size: 180px;
  line-height: 0.84;
  text-transform: uppercase;
  color: var(--white-13);
}
.light .athletic__statehero-title2 {
  color: var(--white-13);
}
@media only screen and (max-width: 1399px) {
  .athletic__statehero-title2 {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__statehero-title2 {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__statehero-title2 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__statehero-title2 {
    font-size: 60px;
  }
}
.athletic__statehero-number, .athletic__statehero-number-2 {
  display: block;
  font-weight: 600;
  font-size: 700px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white-13);
  position: absolute;
  top: 100px;
  left: 50%;
  opacity: 0.15;
  transform: translateX(-50%);
  font-family: "Teko", sans-serif;
}
@media only screen and (max-width: 1919px) {
  .athletic__statehero-number, .athletic__statehero-number-2 {
    font-size: 600px;
  }
}
@media only screen and (max-width: 1399px) {
  .athletic__statehero-number, .athletic__statehero-number-2 {
    top: 150px;
    font-size: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__statehero-number, .athletic__statehero-number-2 {
    font-size: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__statehero-number, .athletic__statehero-number-2 {
    top: 100px;
    font-size: 220px;
  }
}
.athletic__statehero-number-2 {
  color: transparent;
  left: calc(50% + 20px);
  opacity: 0.3;
  -webkit-text-stroke: 1px var(--white-13);
}
@media only screen and (max-width: 767px) {
  .athletic__statehero-number-2 {
    left: calc(50% + 10px);
  }
}
.athletic__statehero-playerImg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  max-width: 445px;
}
@media only screen and (max-width: 1399px) {
  .athletic__statehero-playerImg {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .athletic__statehero-playerImg {
    max-width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__statehero-playerImg {
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__statehero-playerImg {
    max-width: 200px;
  }
}
.athletic__achievement {
  padding-top: 130px;
  padding-bottom: 20px;
}
.light .athletic__achievement {
  background-color: var(--white-13);
}
@media only screen and (max-width: 991px) {
  .athletic__achievement {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__achievement {
    padding-top: 40px;
  }
}
.athletic__achievement-hero {
  position: relative;
  padding-top: 245px;
  padding-bottom: 155px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../imgs/inner/athlete/state-hero.jpg);
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .athletic__achievement-hero {
    padding-top: 220px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .athletic__achievement-hero {
    padding-top: 200px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__achievement-hero {
    padding-top: 140px;
    padding-bottom: 200px;
  }
}
.athletic__achievement-subtitle {
  font-weight: 500;
  font-size: 30px;
  line-height: 2;
  text-transform: uppercase;
  color: var(--white-13);
}
@media only screen and (max-width: 767px) {
  .athletic__achievement-subtitle {
    font-size: 20px;
  }
}
.athletic__achievement-title {
  font-weight: 600;
  font-size: 70px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .athletic__achievement-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__achievement-title {
    font-size: 30px;
  }
}
.athletic__achievement-headerwrapper {
  text-align: center;
  margin-bottom: 45px;
}
.athletic__achievement-items {
  max-width: 900px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 991px) {
  .athletic__achievement-items {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .athletic__achievement-items {
    padding-bottom: 60px;
    gap: 20px;
  }
}

.social-share__wrapper {
  gap: 15px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .social-share__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.social-share__title {
  font-weight: 400;
  font-size: 18px;
  line-height: 12px;
  color: var(--white);
}
.social-share__media {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.social-share__media li a {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  border: 1px solid var(--white);
  border-radius: 50px;
  padding: 7px 15px;
  display: inline-block;
}
.light .social-share__media li a {
  color: var(--black-2);
  border-color: var(--black-2);
}
.social-share__media li a i {
  padding-inline-end: 4px;
}
.social-share__media li a:hover {
  color: var(--primary);
  border-color: var(--primary);
}

.abd-blog__title {
  font-weight: 500;
  font-size: 90px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1700px) {
  .abd-blog__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .abd-blog__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .abd-blog__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .abd-blog__title {
    font-size: 40px;
  }
}

.light .athletic__scoreboard * {
  color: var(--black-2);
}
.light .athletic__blog .text span {
  background-color: var(--black-2);
}
.light .athletic__blog .text p {
  color: var(--black-2);
}
.light .athletic__update-dis {
  color: var(--white);
}
.light .athletic__header-wrap {
  border-color: var(--black-2);
}
.light .athletic__header-nav li a {
  color: var(--black-2);
}
.light .athletic__header-btn {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .athletic__header-lang::before {
  background-color: var(--black-2);
}
.light .athletic__header-lang select {
  color: var(--black-2);
}
.light .athletic__header-left::before {
  background-color: var(--black-2);
}
.light .athletic__hero-email {
  color: var(--black-2);
}
.light .athletic__hero-email a {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .athletic__hero-email a:hover {
  color: var(--primary);
}
.light .athletic__hero-name {
  color: var(--black-2);
}
.light .athletic__hero-subtitle {
  color: var(--black-2);
}
.light .athletic__matchs-title {
  color: var(--black-2);
}
.light .athletic__video-title {
  color: var(--black-2);
}
.light .athletic__biography-title, .light .athletic__biography-title2 {
  color: var(--black-2);
}
.light .athletic__biography-dis2 {
  color: var(--black-2);
}
.light .athletic__biography-dis2 span {
  border-color: var(--black-2);
}
.light .athletic__blog-stitle, .light .athletic__blog-title {
  color: var(--black-2);
}
.light .athletic__blog-item.featured .athletic__blog-title {
  color: var(--white);
}
.light .athletic__product-wrapper {
  border-bottom: 2px solid var(--black-2);
}
.light .athletic__product-title {
  color: var(--black-2);
}
.light .athletic__product-item {
  border-color: var(--black-2);
}
.light .athletic__product-content .title {
  color: var(--black-2);
}
.light .athletic__press-title {
  color: var(--black-2);
}
.light .athletic__press-btnup {
  color: var(--white);
  background-color: var(--black-12);
}
.light .athletic__press-linewrapper span {
  background-color: var(--black-12);
}

.body-film {
  background-color: #141415;
  color: #FFFFFF;
}
.light .body-film {
  background-color: #F2F1F0;
  color: #1C1D20;
}

.film-menu li a {
  display: inline-block;
  padding: 20px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--white);
  text-transform: uppercase;
}
.film-menu li a:hover::after {
  width: 100%;
  left: 0;
}
.film-menu li a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  right: 0;
  bottom: 20px;
  transition: all 0.5s;
  background-color: var(--white);
}
.film-header__inner {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 260px auto 190px;
  padding: 30px 40px;
}
@media only screen and (max-width: 1919px) {
  .film-header__inner {
    grid-template-columns: 260px auto 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .film-header__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .film-header__inner {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .film-header__inner {
    padding: 20px 0;
  }
}
.film-header__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1199px) {
  .film-header__nav {
    display: none;
  }
}
.film-header__nav .main-menu > ul > li > a {
  font-size: 14px;
  padding: 20px 25px;
  font-weight: 500;
  text-transform: uppercase;
}
.film-header__navicon {
  text-align: end;
}
.film-hero__top {
  text-align: center;
}
.film-hero__title {
  font-size: 480px;
  font-weight: 700;
  line-height: 0.8;
  color: var(--white);
  text-transform: uppercase;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1919px) {
  .film-hero__title {
    font-size: 340px;
  }
}
@media only screen and (max-width: 1399px) {
  .film-hero__title {
    font-size: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .film-hero__title {
    font-size: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .film-hero__title {
    font-size: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .film-hero__title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1600px) {
  .box-layout .film-hero__title {
    font-size: 340px;
  }
}
.film-hero__subtitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .film-hero__subtitle {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .film-hero__subtitle {
    font-size: 14px;
  }
}
.film-hero__btm {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1.5fr 1fr;
}
@media only screen and (max-width: 767px) {
  .film-hero__btm {
    grid-gap: 20px;
  }
}
.film-about__area {
  position: relative;
}
.film-about__shape {
  position: absolute;
  max-width: 280px;
  height: auto;
  top: 90px;
  right: 0;
}
@media only screen and (max-width: 1399px) {
  .film-about__shape {
    max-width: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .film-about__shape {
    max-width: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .film-about__shape {
    display: none;
  }
}
.dir-rtl .film-about__shape {
  right: unset;
  left: 0;
}
.film-about__shape-2 {
  position: absolute;
  max-width: 48px;
  height: auto;
  bottom: 30%;
  left: 230px;
}
@media only screen and (max-width: 1919px) {
  .film-about__shape-2 {
    left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .film-about__shape-2 {
    display: none;
  }
}
.dir-rtl .film-about__shape-2 {
  left: unset;
  right: 230px;
}
@media only screen and (max-width: 1919px) {
  .dir-rtl .film-about__shape-2 {
    right: 30px;
  }
}
.film-about__img img {
  max-width: 550px;
}
@media only screen and (max-width: 1199px) {
  .film-about__img img {
    max-width: 100%;
  }
}
.film-about__img-2 {
  position: absolute;
  max-width: 315px;
  bottom: 90px;
  right: 0;
}
@media only screen and (max-width: 1199px) {
  .film-about__img-2 {
    bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .film-about__img-2 {
    display: none;
  }
}
.film-about__text p {
  font-size: 18px;
  color: var(--white);
}
.film-about__btn .wc-btn-underline {
  position: relative;
  text-transform: uppercase;
}
.film-about__content {
  max-width: 310px;
}
@media only screen and (max-width: 991px) {
  .film-about__content {
    max-width: 100%;
  }
}
.film-about__content-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .film-about__content-wrap {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .film-about__content-wrap .mt-140 {
    margin-top: 30px;
  }
}
.film-award__area {
  padding-top: 90px;
  position: relative;
}
.film-award__area.inner-award-area {
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .film-award__area {
    padding-top: 60px;
  }
}
.film-award__area .sec-title-wrap {
  gap: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.film-award__text p {
  font-size: 18px;
  max-width: 410px;
  color: var(--white);
}
.film-award__left .sec-sub-title-3 {
  color: var(--white);
}
.light .film-award__left .sec-sub-title-3 {
  color: var(--black-2);
}
.film-award__inner {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 0.6fr 1fr;
}
@media only screen and (max-width: 1919px) {
  .film-award__inner {
    grid-template-columns: 0.3fr 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .film-award__inner {
    grid-template-columns: 1fr;
  }
}
.film-award__shape {
  position: absolute;
  left: 16%;
  top: 60%;
}
@media only screen and (max-width: 1399px) {
  .film-award__shape {
    left: 10%;
  }
}
@media only screen and (max-width: 1199px) {
  .film-award__shape {
    display: none;
  }
}
.dir-rtl .film-award__shape {
  left: unset;
  right: 16%;
}
@media only screen and (max-width: 1399px) {
  .dir-rtl .film-award__shape {
    right: 10%;
  }
}
.film-award__item {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 0.5fr 1.3fr 1fr 1fr 0.7fr;
  border-bottom: 1px solid var(--black-9);
}
@media only screen and (max-width: 767px) {
  .film-award__item {
    padding-top: 20px;
    padding-bottom: 20px;
    grid-template-columns: 1fr 1.5fr 0.5fr;
  }
}
.film-award__item p {
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
  position: relative;
  padding-inline-start: 50px;
  padding-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .film-award__item p {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .film-award__item p {
    padding-top: 0;
    padding-inline-start: 0;
  }
}
.film-award__item p::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  top: 0;
  left: 0;
  background-color: var(--black-9);
}
@media only screen and (max-width: 767px) {
  .film-award__item p::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .film-award__item p br {
    display: block;
  }
}
.film-award__item p:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .film-award__item p:first-child {
    display: none;
  }
}
.film-award__item p:first-child::after {
  display: none;
}
.film-award__item p:first-child::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 75%;
  top: 0;
  right: 0;
  background-color: var(--black-9);
}
.dir-rtl .film-award__item p:first-child::before {
  right: unset;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .film-award__item p:first-child::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .film-award__item p:nth-child(4) {
    display: none;
  }
}
.dir-rtl .film-award__item p:nth-child(5)::after {
  display: none;
}
.dir-rtl .film-award__item p:nth-child(3)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  top: 0;
  right: 0;
  background-color: var(--black-9);
}
@media only screen and (max-width: 767px) {
  .dir-rtl .film-award__item p:nth-child(3)::before {
    display: none;
  }
}
.film-award__item img {
  max-width: 105px;
  margin-inline-start: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1399px) {
  .film-award__item img {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .film-award__item img {
    margin: 0;
    max-width: 90px;
  }
}
.film-award__item:first-child p {
  color: var(--black-9);
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .film-award__item:first-child p {
    padding-bottom: 0;
  }
}
.film-award__item:first-child p::after, .film-award__item:first-child p::before {
  display: none;
}
.film__textslider .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
}
.film__textslider-area {
  padding: 22px 0;
  border-bottom: 4px double var(--white);
}
.film-featured__area {
  position: relative;
}
.film-featured__inner {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 0.6fr 1fr;
}
@media only screen and (max-width: 991px) {
  .film-featured__inner {
    grid-gap: 60px 30px;
    grid-template-columns: 1fr;
  }
}
.film-featured__text p {
  font-size: 18px;
  max-width: 310px;
  color: var(--white);
}
.film-featured__btn .btn-hover-mask {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 7px 18px;
  border-radius: 0;
}
.light .film-featured__btn .btn-hover-mask {
  border-color: var(--black-2);
}
.light .film-featured__btn .btn-hover-mask::after {
  z-index: -1;
  color: var(--white);
  background-color: var(--black-2);
}
.light .film-featured__btn .btn-hover-mask:hover {
  color: var(--black-2);
}
.film-featured__shape {
  position: absolute;
  left: 20%;
  top: 65%;
}
@media only screen and (max-width: 767px) {
  .film-featured__shape {
    display: none;
  }
}
.dir-rtl .film-featured__shape {
  left: unset;
  right: 20%;
}
.film-featured__right {
  padding-left: 50px;
  border-left: 1px solid var(--white);
}
@media only screen and (max-width: 1199px) {
  .film-featured__right {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .film-featured__right {
    border: none;
    padding-left: 0;
  }
}
.dir-rtl .film-featured__right {
  border-left: none;
  border-right: 1px solid var(--white);
  padding-left: 0;
  padding-right: 50px;
}
.light .film-featured__right {
  border-color: var(--black-2);
}
.film-featured__list {
  display: grid;
  grid-gap: 30px 60px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .film-featured__list {
    grid-gap: 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .film-featured__list {
    grid-template-columns: 1fr;
  }
}
.film-featured__item {
  position: relative;
}
.film-featured__item.border-right::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: -30px;
  top: 0;
  background-color: var(--white);
}
.light .film-featured__item.border-right::after {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .film-featured__item.border-right::after {
    right: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .film-featured__item.border-right::after {
    display: none;
  }
}
.dir-rtl .film-featured__item.border-right::after {
  right: unset;
  left: -30px;
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .film-featured__item.border-right::after {
    left: -20px;
  }
}
.film-featured__item.large {
  grid-column: 1/span 2;
  border-bottom: 1px solid var(--white);
}
.light .film-featured__item.large {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .film-featured__item.large {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .film-featured__item.large {
    grid-column: unset;
    padding-bottom: 0;
    border: none;
  }
}
.film-featured__item.large .film-featured__name {
  font-size: 30px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .film-featured__item.large .film-featured__name {
    font-size: 24px;
  }
}
.film-featured__item.large .film-featured__info {
  left: 40px;
  bottom: 80px;
}
.dir-rtl .film-featured__item.large .film-featured__info {
  left: unset;
  right: 40px;
}
.film-featured__item.large .film-featured__info p {
  font-size: 14px;
  padding-bottom: 10px;
}
.film-featured__item img,
.film-featured__item video {
  width: 100%;
}
.film-featured__name {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.light .film-featured__name {
  color: var(--white);
}
.film-featured__info {
  position: absolute;
  left: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .film-featured__info {
    left: 15px;
    bottom: 15px;
  }
}
.dir-rtl .film-featured__info {
  left: unset;
  right: 30px;
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .film-featured__info {
    right: 15px;
  }
}
.film-featured__info p {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.film-logo__area {
  background-color: var(--gray-11);
}
.light .film-logo__area {
  background-color: var(--black-15);
}
.film-logo__top {
  text-align: center;
  padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .film-logo__top {
    padding-bottom: 40px;
  }
}
.film-logo__top p {
  max-width: 410px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: var(--black-15);
}
.light .film-logo__top p {
  color: var(--white-11);
}
.film-logo__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--gray-12);
  border-bottom: 1px solid var(--gray-12);
}
.light .film-logo__list {
  border-color: #242424;
}
.film-logo__item {
  height: 220px;
  display: flex;
  flex-basis: 25%;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--gray-12);
  border-left: 1px solid var(--gray-12);
}
.light .film-logo__item {
  border-color: #242424;
}
@media only screen and (max-width: 991px) {
  .film-logo__item {
    height: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .film-logo__item {
    flex-basis: 50%;
  }
}
.film-logo__item img {
  max-width: 100px;
}
.film-ticket__inner .sec-sub-title-3 {
  color: var(--white);
}
.light .film-ticket__inner .sec-sub-title-3 {
  color: var(--black-2);
}
.film-ticket__item {
  display: grid;
  align-items: center;
  grid-template-columns: 0.4fr 1.5fr 1fr 1.2fr;
  border-bottom: 1px solid var(--white);
}
@media only screen and (max-width: 1199px) {
  .film-ticket__item {
    grid-template-columns: 0.4fr 1.5fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .film-ticket__item {
    grid-template-columns: 1fr;
  }
}
.film-ticket__item:first-child {
  border-top: 1px solid var(--white);
}
.film-ticket__item .item {
  height: 100%;
  padding-top: 60px;
  padding-bottom: 12px;
  position: relative;
  padding-left: 50px;
}
@media only screen and (max-width: 1399px) {
  .film-ticket__item .item {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .film-ticket__item .item {
    padding-left: 20px;
    padding-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .film-ticket__item .item {
    padding-left: 0;
    padding-top: 10px;
  }
}
.dir-rtl .film-ticket__item .item {
  padding-left: 0;
  padding-right: 50px;
}
@media only screen and (max-width: 1399px) {
  .dir-rtl .film-ticket__item .item {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .film-ticket__item .item {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .film-ticket__item .item {
    padding-right: 0;
  }
}
.film-ticket__item .item:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .film-ticket__item .item:first-child {
    padding-top: 25px;
  }
}
.film-ticket__item .item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 70%;
  bottom: 0;
  right: 0;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .film-ticket__item .item::after {
    display: none;
  }
}
.dir-rtl .film-ticket__item .item::after {
  right: unset;
  left: 0;
}
.film-ticket__item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--white);
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media only screen and (max-width: 1199px) {
  .film-ticket__item p {
    font-size: 16px;
  }
}
.film-ticket__item .date {
  text-transform: uppercase;
}
.film-ticket__item .name {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media only screen and (max-width: 1199px) {
  .film-ticket__item .name {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .film-ticket__item .name {
    font-size: 20px;
  }
}
.film-ticket__item .last {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .film-ticket__item .last {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.film-ticket__item .last::after {
  display: none;
}
.film-ticket__item .last .ticket {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  padding: 9px 22px;
  display: inline-block;
  text-transform: uppercase;
  border: 1px solid var(--black-4);
  overflow: hidden;
  z-index: 1;
}
.film-team__area {
  position: relative;
}
.film-team__shape {
  position: absolute;
  inset-inline-end: 0;
  top: 30px;
}
@media only screen and (max-width: 767px) {
  .film-team__shape {
    display: none;
  }
}
.film-team__text p {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--white);
  padding-inline-start: 30px;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .film-team__text p {
    padding-inline-start: 20px;
  }
}
.film-team__text p::before {
  position: absolute;
  content: "";
  width: 160px;
  height: 1px;
  top: 50%;
  inset-inline-end: 100%;
  background-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .film-team__text p::before {
    width: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .film-team__text p::before {
    width: 60px;
  }
}
.film-team__text-wrap {
  max-width: 190px;
  text-align: left;
  margin: 0 auto;
  padding-top: 5px;
  position: relative;
}
.film-team__arrow {
  position: absolute;
  top: -55px;
  inset-inline-end: 0;
}
@media only screen and (max-width: 767px) {
  .film-team__arrow {
    top: -50px;
  }
}
.dir-rtl .film-team__arrow {
  top: -10px;
  inset-inline-end: -30px;
}
.film-team__top {
  text-align: center;
}
.film-team__top .sec-title-14 {
  text-align: left;
  display: inline-block;
  padding-bottom: 20px;
}
.film-team__top-wrap {
  padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .film-team__top-wrap {
    padding-bottom: 40px;
  }
}
.film-team__member {
  text-align: center;
}
.film-team__member img {
  width: 100%;
}
.film-team__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  color: var(--white);
  padding-bottom: 7px;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
  transition: all 0.3s;
}
.film-team__name:hover {
  color: var(--primary);
}
.film-team__role {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.film-footer__area {
  padding-top: 70px;
  padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .film-footer__area {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.light .film-footer__area .separator-3 {
  background-color: var(--gray-2);
}
.film-footer__top {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1.8fr;
  padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .film-footer__top {
    padding-bottom: 40px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .film-footer__logo {
    padding-bottom: 20px;
  }
}
.film-footer__logo img {
  max-width: 200px;
}
.film-footer__link li a {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--white);
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s;
}
.film-footer__link li a:hover {
  color: var(--primary);
}
.film-footer__link:nth-child(2) {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .film-footer__link:nth-child(2) {
    margin: 0;
  }
}
.film-footer__link:nth-child(2) ul {
  display: inline-block;
}
.film-footer__link:last-child ul {
  float: right;
}
@media only screen and (max-width: 767px) {
  .film-footer__link:last-child ul {
    float: left;
  }
}
.dir-rtl .film-footer__link:last-child ul {
  float: left;
}
@media only screen and (max-width: 767px) {
  .dir-rtl .film-footer__link:last-child ul {
    float: right;
  }
}
.film-footer__link-wrap {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .film-footer__link-wrap {
    grid-template-columns: 1fr;
  }
}
.film-footer__btm {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1.8fr;
  padding-top: 65px;
}
@media only screen and (max-width: 767px) {
  .film-footer__btm {
    padding-top: 40px;
    grid-template-columns: 1fr;
  }
}
.film-footer__btm p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media only screen and (max-width: 767px) {
  .film-footer__btm p {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .film-footer__copyright {
    order: 1;
  }
}
.film-footer__address {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1.2fr;
}
@media only screen and (max-width: 767px) {
  .film-footer__address {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.film-footer__address .mailchimp form {
  position: relative;
}
.film-footer__address .mailchimp input, .film-footer__address .mailchimp .cf-details-comment__field textarea, .cf-details-comment__field .film-footer__address .mailchimp textarea, .film-footer__address .mailchimp .dt-inap__appointment textarea, .dt-inap__appointment .film-footer__address .mailchimp textarea, .film-footer__address .mailchimp .elc-inbd-comment__field textarea, .elc-inbd-comment__field .film-footer__address .mailchimp textarea {
  width: 100%;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  outline: none;
  color: var(--white);
  padding-inline-end: 60px;
  padding-bottom: 18px;
  background-color: transparent;
  border-bottom: 1px solid var(--white);
}
.film-footer__address .mailchimp input::-moz-placeholder, .film-footer__address .mailchimp .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .film-footer__address .mailchimp textarea::-moz-placeholder, .film-footer__address .mailchimp .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .film-footer__address .mailchimp textarea::-moz-placeholder, .film-footer__address .mailchimp .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .film-footer__address .mailchimp textarea::-moz-placeholder {
  opacity: 1;
  color: var(--white);
}
.film-footer__address .mailchimp input::placeholder, .film-footer__address .mailchimp .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .film-footer__address .mailchimp textarea::placeholder, .film-footer__address .mailchimp .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .film-footer__address .mailchimp textarea::placeholder, .film-footer__address .mailchimp .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .film-footer__address .mailchimp textarea::placeholder {
  opacity: 1;
  color: var(--white);
}
.film-footer__address .mailchimp .submit {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: flex;
  padding-top: 5px;
  align-items: flex-start;
  justify-content: flex-end;
}
.film-footer__address .mailchimp .submit:hover img {
  transform: rotate(45deg);
}
.film-footer__address .mailchimp .submit img {
  transition: all 0.3s;
}
.film__innerhero-wrapper {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: 110px;
}
@media only screen and (max-width: 1399px) {
  .film__innerhero-wrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .film__innerhero-wrapper {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.film__innerhero-itemwrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 120px;
}
@media only screen and (max-width: 1700px) {
  .film__innerhero-itemwrapper {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .film__innerhero-itemwrapper {
    grid-template-columns: 1fr 0.3fr;
  }
}
@media only screen and (max-width: 1199px) {
  .film__innerhero-itemwrapper {
    grid-template-columns: 1fr;
    padding-top: 0;
  }
}
.film__innerhero-content {
  max-width: 550px;
}
.film__innerhero-ithumb {
  text-align: end;
}
@media only screen and (max-width: 1199px) {
  .film__innerhero-ithumb {
    text-align: start;
    padding-top: 50px;
  }
}
.film__innerhero-thumb1 img {
  max-width: unset;
}
@media only screen and (max-width: 1700px) {
  .film__innerhero-thumb1 img {
    max-width: 100%;
  }
}
.film__innerhero-title {
  font-weight: 700;
  font-size: 150px;
  line-height: 0.9;
  text-transform: uppercase;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1700px) {
  .film__innerhero-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 1399px) {
  .film__innerhero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .film__innerhero-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .film__innerhero-title {
    font-size: 50px;
  }
}
.film__innerhero-subtitle {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  text-transform: uppercase;
  display: block;
  padding-bottom: 40px;
  padding-top: 20px;
}
@media only screen and (max-width: 991px) {
  .film__innerhero-subtitle {
    padding-bottom: 10px;
  }
}
.film__innerhero-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 30px;
}
.light .film__innerhero-dis p {
  color: var(--black-2);
}
.film__gallery-text p {
  font-size: 18px;
  color: var(--white);
  padding-bottom: 30px;
}
.light .film__gallery-text p {
  color: var(--black-2);
}
.film__titlewrapper {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
}
@media only screen and (max-width: 1199px) {
  .film__titlewrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .film__titlewrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.film__titlewrapper-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .film__titlewrapper-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .film__titlewrapper-title {
    font-size: 40px;
  }
}
.film__titlewrapper-right {
  max-width: 410px;
}
.film__titlewrapper-awardswrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .film__titlewrapper-awardswrap {
    gap: 15px;
  }
}
.film__titlewrapper-awardswrap img {
  max-width: 105px;
}
@media only screen and (max-width: 767px) {
  .film__titlewrapper-awardswrap img {
    max-width: 90px;
  }
}
.film__details h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
}
.film__details-wrapper {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
}
@media only screen and (max-width: 991px) {
  .film__details-wrapper {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.film__details-wrappertwo {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  gap: 100px;
}
@media only screen and (max-width: 1199px) {
  .film__details-wrappertwo {
    gap: 50px;
    grid-template-columns: 1fr 0.4fr;
  }
}
@media only screen and (max-width: 991px) {
  .film__details-wrappertwo {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .film__details-wrappertwo {
    gap: 0;
  }
}
.film__details-thumb {
  padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .film__details-thumb {
    padding-bottom: 50px;
  }
}
.film__details-thumb img,
.film__details-thumb video {
  width: 100%;
}
.film__details-metaItem {
  padding-bottom: 30px;
  max-width: 360px;
}
.film__details-metaItem-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: var(--white-11);
  display: block;
  padding-bottom: 10px;
}
.light .film__details-metaItem-title {
  color: var(--gray-10);
}
.film__details-metaItem-year p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: var(--white);
  text-transform: capitalize;
}
.light .film__details-metaItem-year p {
  color: var(--black-2);
}
.film__details-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .film__details-title {
    font-size: 40px;
  }
}
.film__details-awardtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  display: block;
  padding-bottom: 50px;
}
.light .film__details-awardtitle {
  color: var(--black-2);
}
.film__details-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-3);
  padding-bottom: 70px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--white);
}
.light .film__details-dis p {
  color: var(--black-2);
  border-color: var(--black-2);
}
.film__details-awardImgs {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 10px;
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .film__details-awardImgs {
    grid-template-columns: 1fr;
  }
}
.film__details-awardImgs img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.film__details-left {
  position: relative;
}
.film__details-left.doctor-details::before {
  display: none;
}
.film__details-left::before {
  position: absolute;
  content: "";
  right: -50px;
  top: 0;
  height: 100%;
  width: 1px;
  background: var(--secondary);
}
@media only screen and (max-width: 1199px) {
  .film__details-left::before {
    right: -25px;
  }
}
.film__details-lg {
  grid-column-start: 1;
  grid-column-end: -1;
}
.film__details-header {
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .film__details-header {
    padding-bottom: 20px;
  }
}
.film__details-sidebar {
  border-inline-start: 1px solid var(--gray-13);
  padding-inline-start: 50px;
}
.light .film__details-sidebar {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .film__details-sidebar {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .film__details-sidebar {
    padding-inline-start: 0;
    border-inline-start: 0;
  }
}
.film__details-search form {
  position: relative;
}
.film__details-search input, .film__details-search .cf-details-comment__field textarea, .cf-details-comment__field .film__details-search textarea, .film__details-search .dt-inap__appointment textarea, .dt-inap__appointment .film__details-search textarea, .film__details-search .elc-inbd-comment__field textarea, .elc-inbd-comment__field .film__details-search textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  padding-inline-end: 50px;
  background: transparent;
  border: 1px solid var(--white-3);
  color: var(--white);
}
.light .film__details-search input, .light .film__details-search .cf-details-comment__field textarea, .cf-details-comment__field .light .film__details-search textarea, .light .film__details-search .dt-inap__appointment textarea, .dt-inap__appointment .light .film__details-search textarea, .light .film__details-search .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .film__details-search textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.film__details-search input:focus, .film__details-search .cf-details-comment__field textarea:focus, .cf-details-comment__field .film__details-search textarea:focus, .film__details-search .dt-inap__appointment textarea:focus, .dt-inap__appointment .film__details-search textarea:focus, .film__details-search .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .film__details-search textarea:focus {
  outline: 0;
}
.film__details-search button {
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
  font-size: 20px;
}
.light .film__details-search button {
  color: var(--black-2);
}
.film__details-widget {
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .film__details-widget {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .film__details-widget {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.film__details-line {
  height: 1px;
  width: 100%;
  display: block;
  background-color: var(--white);
  margin-bottom: 30px;
}
.light .film__details-line {
  background-color: var(--black-2);
}
.film__details-pagination {
  display: grid;
  grid-template-columns: 60px auto 60px auto 60px;
  align-items: center;
  gap: 50px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .film__details-pagination {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .film__details-pagination {
    padding-bottom: 0;
    gap: 20px;
  }
}
.film__details-prev a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
}
.light .film__details-prev a {
  color: var(--black-2);
}
.film__details-prev a:hover {
  color: var(--primary);
}
.film__details-prev a i {
  padding-right: 10px;
}
.film__details-line1 {
  height: 1px;
  width: 100%;
  background: var(--white);
  display: block;
}
.light .film__details-line1 {
  background: var(--black-2);
}
.film__details-crossIcon {
  text-align: center;
}
.film__innercontact-wrapper {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .film__innercontact-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .film__innercontact-wrapper {
    grid-template-columns: 1fr;
  }
}
.film__innercontact-dis p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: var(--white-3);
  padding-bottom: 20px;
}
.light .film__innercontact-dis p {
  color: var(--black-2);
}
.film__innercontact-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .film__innercontact-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .film__innercontact-title {
    font-size: 40px;
  }
}
.film__innercontact-contactItem span {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
  display: block;
}
.light .film__innercontact-contactItem span {
  color: var(--black-2);
}
.film__innercontact-contactItem a {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.light .film__innercontact-contactItem a {
  color: var(--black-2);
}
.film__innercontact-contactItem a:hover {
  color: var(--primary);
}
.light .film-submit__btn .btn-hover-mask {
  border-color: var(--black-2);
}
.light .film-submit__btn .btn-hover-mask::after {
  z-index: -1;
  color: var(--white);
  background-color: var(--black-2);
}
.light .film-submit__btn .btn-hover-mask:hover {
  color: var(--black-2);
}
.film__blogdetails-body {
  gap: 100px;
  display: grid;
  grid-template-columns: auto 430px;
}
@media only screen and (max-width: 1919px) {
  .film__blogdetails-body {
    gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .film__blogdetails-body {
    gap: 30px;
    grid-template-columns: auto 300px;
  }
}
@media only screen and (max-width: 991px) {
  .film__blogdetails-body {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .film__blogdetails-body {
    gap: 0px;
  }
}
.film__blogdetails-wrapper {
  gap: 140px;
  display: grid;
  grid-template-columns: 80px auto;
}
@media only screen and (max-width: 1919px) {
  .film__blogdetails-wrapper {
    gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .film__blogdetails-wrapper {
    gap: 30px;
    grid-template-columns: 50px auto;
  }
}
@media only screen and (max-width: 767px) {
  .film__blogdetails-wrapper {
    gap: 0px;
    grid-template-columns: 1fr;
  }
}
.film__blogdetails-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 60px;
}
@media only screen and (min-width: 1920px) {
  .film__blogdetails-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  .film__blogdetails-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .film__blogdetails-title {
    font-size: 36px;
  }
  .film__blogdetails-title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .film__blogdetails-title {
    font-size: 30px;
  }
}
.film__blogdetails-thumb {
  padding-bottom: 40px;
}
.film__blogdetails-metainfo {
  padding-bottom: 5px;
}
.film__blogdetails-metainfo p {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
}
.film-border-right::after {
  position: absolute;
  content: "";
  inset-inline-end: -65px;
  top: 0;
  height: 100%;
  width: 1px;
  background: var(--white);
}
.light .film-border-right::after {
  background: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .film-border-right::after {
    display: none;
  }
}
.film__blog-thumb {
  overflow: hidden;
  margin-bottom: 30px;
}
.film__blog-thumb img {
  transition: all 1s;
}
.film__blog-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .film__blog-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .film__blog-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .film__blog-title {
    font-size: 36px;
  }
}
.film__blog-wrapper {
  padding-top: 100px;
}
@media only screen and (max-width: 1700px) {
  .film__blog-wrapper {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .film__blog-wrapper {
    padding-top: 50px;
  }
}
.film__blog-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px 130px;
}
@media only screen and (max-width: 1399px) {
  .film__blog-items {
    gap: 80px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .film__blog-items {
    gap: 50px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .film__blog-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .film__blog-items {
    grid-template-columns: 1fr;
  }
}
.film__blog-meta span {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
  display: block;
  padding-bottom: 20px;
}
.light .film__blog-meta span {
  color: var(--black-2);
}
.film__blog-item {
  position: relative;
}
.film__blog-item:hover .film__blog-thumb img {
  transform: scale(1.03);
}
.film__blog-item.large {
  grid-column-start: 1;
  grid-column-end: -1;
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .film__blog-item.large {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .film__blog-item.large img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.film__blog-item.large .film__blog-content {
  position: absolute;
  bottom: 50px;
  inset-inline-start: 50px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .film__blog-item.large .film__blog-content {
    inset-inline-start: 20px;
  }
}
.light .film__blog-item.large .film__blog-content .wc-btn-link {
  color: var(--white);
}
.light .film__blog-item.large .film__blog-meta span {
  color: var(--white);
}
.light .film__blog-item.large .film__blog-ititle {
  color: var(--white);
}
.film__blog-item.large .film__blog-thumb {
  margin-bottom: 0;
}
.film__blog-item.large::before {
  position: absolute;
  border-top: 1px solid var(--white-3);
  content: "";
  left: 0;
  top: -50px;
  width: 100%;
  height: 1px;
  z-index: 9;
}
.light .film__blog-item.large::before {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .film__blog-item.large::before {
    top: -40px;
  }
}
@media only screen and (max-width: 991px) {
  .film__blog-item.large::before {
    display: none;
  }
}
.film__blog-ititle {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.1;
  text-transform: uppercase;
  display: block;
  padding-bottom: 25px;
}
.film__blog-ititle:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .film__blog-ititle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .film__innercontact-form {
    padding-top: 50px;
  }
}
.film-contact__map iframe {
  height: 620px;
  margin-bottom: -7px;
}
@media only screen and (max-width: 1399px) {
  .film-contact__map iframe {
    height: 580px;
  }
}
@media only screen and (max-width: 1199px) {
  .film-contact__map iframe {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .film-contact__map iframe {
    height: 400px;
  }
}

.light .film-award__area .sec-title-wrap p {
  color: var(--black-2);
}
.light .film__textslider-area {
  border-color: var(--black-2);
  background-color: var(--pink-13);
}
.light .film-menu li a::after {
  background-color: var(--black-2);
}
.light .film-hero__title {
  color: var(--black-2);
}
.light .film-hero__subtitle {
  color: var(--black-2);
}
.light .film-about__content p {
  color: var(--black-2);
}
.light .film-award__item p {
  color: var(--black-2);
}
.light .film-award__left img {
  filter: invert(1);
}
.light .film__textslider-slide .title {
  color: var(--black-2);
}
.light .film-featured__item:nth-child(even)::after {
  background-color: var(--black-2);
}
.light .film-featured__left p {
  color: var(--black-2);
}
.light .film-ticket__item {
  border-color: var(--black-2);
}
.light .film-ticket__item:first-child {
  border-color: var(--black-2);
}
.light .film-ticket__item p {
  color: var(--black-2);
}
.light .film-ticket__item .name {
  color: var(--black-2);
}
.light .film-ticket__item .item::after {
  background-color: var(--black-2);
}
.light .film-ticket__item .last .ticket {
  color: var(--black-2);
  border-color: var(--white-3);
}
.light .film-team__top p {
  color: var(--black-2);
}
.light .film-team__top p::before {
  background-color: var(--black-2);
}
.light .film-team__role {
  color: var(--black-2);
}
.light .film-team__name {
  color: var(--black-2);
}
.light .film-team__name:hover {
  color: var(--primary);
}
.light .film-footer__link li a {
  color: var(--black-2);
}
.light .film-footer__btm p {
  color: var(--black-2);
}
.light .film-footer__address .mailchimp input, .light .film-footer__address .mailchimp .cf-details-comment__field textarea, .cf-details-comment__field .light .film-footer__address .mailchimp textarea, .light .film-footer__address .mailchimp .dt-inap__appointment textarea, .dt-inap__appointment .light .film-footer__address .mailchimp textarea, .light .film-footer__address .mailchimp .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .film-footer__address .mailchimp textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .film-footer__address .mailchimp input::-moz-placeholder, .light .film-footer__address .mailchimp .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .film-footer__address .mailchimp textarea::-moz-placeholder, .light .film-footer__address .mailchimp .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .film-footer__address .mailchimp textarea::-moz-placeholder, .light .film-footer__address .mailchimp .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .film-footer__address .mailchimp textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .film-footer__address .mailchimp input::placeholder, .light .film-footer__address .mailchimp .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .film-footer__address .mailchimp textarea::placeholder, .light .film-footer__address .mailchimp .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .film-footer__address .mailchimp textarea::placeholder, .light .film-footer__address .mailchimp .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .film-footer__address .mailchimp textarea::placeholder {
  color: var(--black-2);
}

/*
    COMMON STYLES IN CONTENT CREATOR TEMPLATE
*/
.content-creator-bg {
  background-color: var(--pink-3);
}

.link-btn {
  color: #1C1D20;
  font-family: var(--font_clashDisplay);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.link-btn img {
  margin-left: 8px;
}
.dir-rtl .link-btn {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.creator-textslider-bg {
  background-color: var(--black-2);
}

.creator-sec-wrapper {
  text-align: center;
}

.icon-yellow {
  background-color: #FFC700 !important;
}

.icon-viloet {
  background-color: #AF89FF !important;
}

.icon-pink {
  background-color: #FFA98D !important;
}

.creator-inner-sec-title-wrap {
  text-align: center;
  padding-top: 160px;
}
@media only screen and (max-width: 1199px) {
  .creator-inner-sec-title-wrap {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inner-sec-title-wrap {
    padding-top: 60px;
  }
}

.creator-insub-title {
  color: var(--black-2);
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.creator-insec-title {
  color: var(--black-2);
  font-size: 118px;
  font-weight: 600;
  line-height: 0.92;
}
@media only screen and (max-width: 1199px) {
  .creator-insec-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-insec-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-insec-title {
    font-size: 35px;
  }
}

.creator-inner-sec-thumb-wrap {
  max-width: 550px;
  margin-left: auto;
  display: flex;
  padding-top: 30px;
  margin-inline-end: 250px;
}
@media only screen and (max-width: 991px) {
  .creator-inner-sec-thumb-wrap {
    margin-inline-end: 0;
  }
}
.creator-inner-sec-thumb-wrap .arrow-thumb {
  max-width: 55px;
  margin-top: 35px;
}
@media only screen and (max-width: 991px) {
  .creator-inner-sec-thumb-wrap .arrow-thumb {
    max-width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inner-sec-thumb-wrap .arrow-thumb {
    display: none;
  }
}
.creator-inner-sec-thumb-wrap .disc {
  max-width: 410px;
  margin-left: auto;
}
.creator-inner-sec-thumb-wrap .disc p {
  color: var(--black-2);
  font-size: 18px;
  line-height: 1.4;
  text-align: start;
  position: relative;
}
.creator-inner-sec-thumb-wrap .disc p::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--black-2);
}

.space-line {
  width: 145px;
  height: 8px;
  background-color: var(--black-2);
  display: inline-block;
  transform: translate(0, -32px);
}
@media only screen and (max-width: 1199px) {
  .space-line {
    display: none;
  }
}

.creator-popup-wrap {
  display: inline-block;
}

.has-indent-space {
  position: relative;
  padding-inline-start: 125px;
}
.has-indent-space::before {
  content: "";
  position: absolute;
  inset-inline-start: 13px;
  top: 50%;
  width: 80px;
  height: 1px;
  transform: translateY(-50%);
  background-color: var(--black-2);
}

.light .most-view-inner {
  background-color: var(--white);
}

.light .social-media {
  background-color: var(--white);
  padding-bottom: 130px;
}

.creator-project-details {
  padding-top: 10px;
}
.creator-project-details li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 10px;
}
.creator-project-details li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: var(--pink-3);
}
.creator-project-details li span {
  color: var(--black-2);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  font-family: var(--font_clashDisplay);
}

/*
     CONTENT CREATOR MAIN STYLES
*/
.creator-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
.creator-menu {
  gap: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .creator-menu {
    gap: 10px;
  }
}
.creator-menu li a {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: var(--black-2);
  text-transform: uppercase;
  font-family: "ClashDisplay";
  display: inline-block;
  padding: 30px 10px;
}
.creator-header {
  background-color: var(--purple);
}
.creator-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  padding: 0 30px;
  border: 3px solid var(--black-2);
  border-top: none;
  border-bottom-width: 10px;
  border-radius: 0px 0px 45px 45px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .creator-header__inner {
    padding: 6px 30px;
  }
}
.creator-header__inner::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  left: 190px;
  top: 0;
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .creator-header__menu {
    display: none;
  }
}
.creator-header__logo {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .creator-header__logo {
    padding-left: 0;
  }
}
.creator-header__logo img {
  max-width: 95px;
}
.creator-header__logo a {
  height: 100%;
  display: inline-block;
}
.creator-header__btn {
  margin-top: 15px;
  margin-bottom: 25px;
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.creator-header__btn .lets-talk {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .creator-header__btn .lets-talk {
    display: none;
  }
}
.creator-header__btn .lets-talk::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 5px;
  top: 5px;
  border-radius: 25px;
  background: var(--black-2);
}
.creator-header__btn button {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .creator-header__btn button {
    display: block;
  }
}
.creator-header__btn a {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
  display: inline-block;
  text-transform: uppercase;
  font-family: "ClashDisplay";
  background: var(--yellow-3);
  border: 3px solid var(--black-2);
  border-radius: 25px;
  padding: 15px 20px;
  position: relative;
  z-index: 2;
}
.creator-hero__area {
  padding-top: 140px;
  padding-bottom: 100px;
  background-color: var(--purple);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .creator-hero__area {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__area {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__area {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
.creator-hero__area .shape-5 {
  position: absolute;
  inset-inline-end: 245px;
  bottom: 60px;
  transform: rotate(90deg);
}
.dir-rtl .creator-hero__area .shape-5 {
  inset-inline-end: 42%;
}
@media only screen and (max-width: 1919px) {
  .creator-hero__area .shape-5 {
    inset-inline-end: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__area .shape-5 {
    display: none;
  }
}
.creator-hero__area .shape-square {
  position: absolute;
  top: 30%;
  inset-inline-start: 64%;
  max-width: 75px;
}
.dir-rtl .creator-hero__area .shape-square {
  inset-inline-start: 77%;
}
@media only screen and (max-width: 991px) {
  .creator-hero__area .shape-square {
    top: 75%;
    inset-inline-start: 18%;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__area .shape-square {
    top: 92%;
    inset-inline-start: 12%;
  }
}
.creator-hero__area .shape-arrow {
  position: absolute;
  top: 20%;
  inset-inline-start: 54%;
  max-width: 110px;
}
@media only screen and (max-width: 991px) {
  .creator-hero__area .shape-arrow {
    top: 55%;
    inset-inline-start: 40%;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__area .shape-arrow {
    display: none;
  }
}
.creator-hero__area .creator-subscribe {
  background-color: var(--black-2);
}
.creator-hero__area .subscribe-circle-wrap {
  inset-inline-end: 95px;
}
.dir-rtl .creator-hero__area .subscribe-circle-wrap {
  inset-inline-end: 38%;
}
@media only screen and (max-width: 991px) {
  .creator-hero__area .subscribe-circle-wrap {
    inset-inline-end: 215px;
    top: 25%;
  }
}
.creator-hero__wrapper {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
}
@media only screen and (max-width: 991px) {
  .creator-hero__wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__inner {
    order: 2;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__inner2 {
    order: 1;
    max-width: 450px;
  }
}
.creator-hero__title {
  font-weight: 600;
  font-size: 120px;
  line-height: 0.9;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
@media only screen and (max-width: 1919px) {
  .creator-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .creator-hero__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__title {
    font-size: 60px;
  }
}
.creator-hero__title a {
  font-weight: 500;
  font-size: 17px;
  padding: 20px 75px 20px 40px;
  line-height: 18px;
  border-radius: 42px;
  display: inline-block;
  color: var(--black-2);
  background: var(--yellow-3);
  border: 3px solid var(--black-2);
  position: relative;
  margin-right: 30px;
  top: -45px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  max-width: 175px;
}
.creator-hero__title a i {
  font-weight: 700;
  font-size: 25px;
}
.dir-rtl .creator-hero__title a {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1919px) {
  .creator-hero__title a {
    padding: 18px 70px 18px 40px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .creator-hero__title a {
    top: -23px;
    font-size: 16px;
    padding: 12px 70px 12px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-hero__title a {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__title a {
    top: -30px;
  }
  .creator-hero__title a br {
    display: block;
  }
}
.creator-hero__imgs {
  display: flex;
  margin-top: 15px;
}
.creator-hero__imgs img {
  width: 65px;
  height: 65px;
  border-radius: 100px;
  margin-right: -26px;
  border: 3px solid var(--black-2);
  background-color: var(--black-2);
}
.light .creator-hero__imgs img {
  border-color: var(--white);
  background-color: var(--white);
}
.creator-hero__imgs .last {
  width: 59px;
  height: 59px;
  background: var(--green-4);
  border-radius: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-2);
  z-index: 8;
  font-weight: 500;
  border: 2px solid var(--black-2);
}
.creator-hero__content {
  background-image: url("../imgs/content-creator/h-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1.5fr;
  padding-bottom: 30px;
  position: relative;
}
.dir-rtl .creator-hero__content {
  background-image: url("../imgs/content-creator/h-bg-rtl.png");
}
@media only screen and (max-width: 991px) {
  .creator-hero__content {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__content {
    grid-gap: 0;
    background-size: 0;
    grid-template-columns: 1fr;
  }
}
.creator-hero__content .shape-3 {
  position: absolute;
  max-width: 60px;
  inset-inline-end: -60px;
  top: -45px;
}
.creator-hero__content-wrap {
  max-width: 560px;
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .creator-hero__content-wrap {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__content-wrap {
    margin-top: 15px;
  }
}
.creator-hero__right .shape {
  display: flex;
  max-width: 32px;
  margin-bottom: 5px;
  transform: translateX(50px);
}
.creator-hero__text {
  padding-top: 40px;
  padding-inline-end: 40px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 1199px) {
  .creator-hero__text {
    padding-top: 30px;
    padding-inline-end: 30px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__text {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.creator-hero__text p {
  font-size: 18px;
  color: var(--black-2);
}
.creator-hero__subscribe {
  padding-inline-start: 35px;
}
@media only screen and (max-width: 767px) {
  .creator-hero__subscribe {
    padding-left: 0;
  }
}
.creator-hero__subscribe p {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  padding-top: 5px;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
.creator-hero__subscribe .title {
  font-size: 70px;
  font-weight: 500;
  line-height: 1;
  padding-top: 70px;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
@media only screen and (max-width: 1199px) {
  .creator-hero__subscribe .title {
    font-size: 60px;
    padding-top: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-hero__subscribe .title {
    padding-top: 40px;
  }
}
.creator-hero__subscribe .title span {
  font-size: 50px;
  display: inline-block;
}
.creator-hero__img {
  background-image: url("../imgs/content-creator/h-bg-2.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 580px;
  text-align: right;
  padding-bottom: 15px;
  padding-top: 60px;
}
@media only screen and (max-width: 1919px) {
  .creator-hero__img {
    padding-top: 0;
    background-size: 540px;
  }
}
@media only screen and (max-width: 1199px) {
  .creator-hero__img {
    background-size: 408px;
  }
}
.creator-hero__img img {
  max-width: 480px;
}
@media only screen and (max-width: 1919px) {
  .creator-hero__img img {
    max-width: 450px;
  }
}
@media only screen and (max-width: 1199px) {
  .creator-hero__img img {
    max-width: 360px;
  }
}
.creator__textslider .title {
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  color: var(--white);
  text-transform: capitalize;
  font-family: "ClashDisplay";
}
.creator__textslider img {
  max-width: 50px;
}
.creator-textslider__area {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 3px solid var(--white);
  border-bottom: 3px solid var(--white);
}
.light .creator-textslider__area {
  border-top: 3px solid var(--black-2);
  border-bottom: 3px solid var(--black-2);
}
.creator-mostview__area {
  background-color: var(--pink-3);
}
.creator-mostview__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.creator-mostview__btn {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.creator-mostview__btn button {
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--black-2);
  transition: all 0.3s;
}
.creator-mostview__btn button:hover {
  background-color: var(--yellow-3);
}
.creator-mostview__separator {
  gap: 6px;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 40px;
}
.creator-mostview__separator span {
  width: 100%;
  height: 3px;
  margin-left: 10px;
  background-color: var(--black-2);
}
.creator-mostview__item {
  padding: 30px;
  border-radius: 50px;
  background: var(--white);
  border: 3px solid var(--black-2);
  border-bottom-width: 12px;
  position: relative;
}
.creator-mostview__item.style-2 {
  width: 426px;
  max-width: 426px;
}
@media only screen and (max-width: 1199px) {
  .creator-mostview__item.style-2 {
    width: unset;
  }
}
.creator-mostview__item.style-2 .creator-mostview__img {
  display: unset;
}
.creator-mostview__item.style-2 .right img {
  height: 280px !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.creator-mostview__item.style-2 .right .play {
  left: 31%;
}
.creator-mostview__item.style-2 .creator-mostview__info {
  padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .creator-mostview__item {
    padding: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-mostview__item {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-mostview__item {
    padding: 20px;
  }
}
.creator-mostview__img {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 130px auto;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .creator-mostview__img {
    grid-gap: 10px;
    padding-bottom: 25px;
    grid-template-columns: 115px auto;
  }
}
@media only screen and (max-width: 991px) {
  .creator-mostview__img {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-mostview__img {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }
}
.creator-mostview__img .left {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--yellow-3);
  border-radius: 30px;
  border: 3px solid var(--black-2);
}
.creator-mostview__img .left.meta-abs {
  position: absolute;
  right: 30px;
  z-index: 3;
  height: auto;
  top: 60px;
  padding: 40px 20px;
}
@media only screen and (max-width: 767px) {
  .creator-mostview__img .left.meta-abs {
    right: 0;
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-mostview__img .left {
    order: 1;
    padding: 5px;
  }
}
.creator-mostview__img .left i {
  font-size: 30px;
  margin-bottom: 8px;
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .creator-mostview__img .left i {
    margin-bottom: 3px;
  }
}
.creator-mostview__img .left p {
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
  text-align: center;
  font-family: "ClashDisplay";
}
@media only screen and (max-width: 1199px) {
  .creator-mostview__img .left p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-mostview__img .left p {
    font-size: 20px;
  }
  .creator-mostview__img .left p br {
    display: block;
  }
}
.creator-mostview__img .left p span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: var(--black-2);
}
.creator-mostview__img .right {
  position: relative;
}
.creator-mostview__img .right .play {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background-color: var(--yellow-3);
  border-radius: 100%;
  border: 3px solid var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.creator-mostview__img .right .play i {
  font-size: 20px;
  color: var(--black-2);
}
.creator-mostview__img .right img {
  width: 100%;
  border-radius: 30px;
}
.creator-mostview__title {
  font-size: 45px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
  font-family: "ClashDisplay";
  transition: all 0.3s;
}
@media only screen and (max-width: 1199px) {
  .creator-mostview__title {
    font-size: 36px;
  }
}
.creator-mostview__title:hover {
  color: var(--yellow-3);
}
.creator-mostview__info p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  padding-top: 15px;
  color: var(--black-2);
  text-transform: uppercase;
  font-family: "ClashDisplay";
}
.creator-mostview__info p span {
  width: 22px;
  height: 2px;
  background: var(--black-2);
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 10px;
  margin-right: 10px;
}
.creator-about__area {
  background-color: var(--pink-2);
  border-top: 3px solid var(--black-2);
  border-bottom: 3px solid var(--black-2);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .creator-about__area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.creator-about__area .shape {
  position: absolute;
  bottom: 0;
  left: 38%;
}
@media only screen and (max-width: 1199px) {
  .creator-about__area .shape {
    max-width: 95px;
  }
}
.creator-about__area .shape-2 {
  position: absolute;
  right: 60px;
  top: 0;
}
@media only screen and (max-width: 1199px) {
  .creator-about__area .shape-2 {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-about__area .shape-2 {
    max-width: 120px;
    right: 0;
  }
}
.creator-about__area .subscribe-circle {
  background-color: var(--black-2);
}
.creator-about__left {
  position: relative;
  margin-left: 90px;
}
@media only screen and (max-width: 1399px) {
  .creator-about__left {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .creator-about__left {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-about__left {
    margin-left: 0;
  }
}
.creator-about__subscribe {
  position: absolute;
  top: 70px;
  left: -50px;
  z-index: 4;
}
@media only screen and (max-width: 1199px) {
  .creator-about__subscribe {
    left: -35px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-about__subscribe {
    left: -12px;
    top: -60px;
  }
}
.creator-about__img {
  width: 480px;
  background-color: var(--black-2);
  border: 3px solid var(--black-2);
  border-radius: 275px 250px 0 20px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .creator-about__img {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-about__img {
    width: 340px;
  }
}
.creator-about__img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 15px;
  bottom: -15px;
  background-color: var(--black-2);
  border-radius: 275px 230px 20px 20px;
}
.creator-about__img span {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  border: 15px solid var(--white);
  border-radius: 275px 275px 20px 20px;
}
.creator-about__img img {
  width: 100%;
  padding: 10px;
  border-radius: 285px 285px 20px 18px;
  position: relative;
  z-index: 3;
}
.creator-about__right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  max-width: 505px;
  margin-left: 50px;
}
@media only screen and (max-width: 1199px) {
  .creator-about__right {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-about__right {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-about__right {
    margin-left: 0;
    flex-direction: unset;
    justify-content: unset;
  }
}
.creator-about__right p {
  font-size: 18px;
  padding-top: 20px;
  color: var(--black-2);
}
.creator-about__right .contact {
  padding-top: 30px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .creator-about__right .contact {
    padding-bottom: 20px;
  }
}
.creator-about__right .contact li {
  padding-bottom: 20px;
}
.creator-about__right .contact li a {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
.creator-about__btn {
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.creator-about__btn:hover::before {
  top: 0;
  left: 0;
}
.creator-about__btn a {
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  background-color: var(--yellow-3);
  border: 3px solid var(--black-2);
  position: relative;
}
.creator-about__btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 6px;
  top: 6px;
  border-radius: 10px;
  transition: all 0.3s;
  background-color: var(--black-2);
}
.creator-missed__area {
  background-color: var(--pink-3);
}
.creator-missed__btn a {
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  background-color: transparent;
  border: 3px solid var(--black-2);
  padding: 12px 20px;
}
.creator-missed__list {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1919px) {
  .creator-missed__list {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .creator-missed__list {
    grid-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .creator-missed__list {
    grid-gap: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-missed__list {
    grid-template-columns: 1fr;
  }
}
.creator-missed__item {
  border-radius: 50px;
  border: 3px solid var(--black-2);
  background-color: var(--white);
  border-bottom-width: 13px;
}
.creator-missed__item .thumb {
  margin: 30px;
  overflow: hidden;
  border-radius: 30px;
  background-color: var(--black-2);
  border: 3px solid var(--black-2);
}
.creator-missed__item .thumb img {
  width: 100%;
}
.creator-missed__item .info {
  text-align: center;
  padding: 0 30px 30px;
}
.creator-missed__item .info .category {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  padding: 5px 16px;
  color: var(--black-2);
  text-transform: uppercase;
  border-radius: 15px;
  border: 3px solid var(--black-2);
  background-color: var(--yellow-3);
  font-family: "ClashDisplay";
  display: inline-block;
  margin-bottom: 10px;
}
.creator-missed__item .meta {
  display: flex;
  justify-content: space-between;
  padding: 15px 30px 15px;
  border-top: 3px solid var(--black-2);
}
.creator-missed__item .meta a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
.creator-missed__pagination {
  gap: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
}
@media only screen and (max-width: 1199px) {
  .creator-missed__pagination {
    padding-top: 50px;
  }
}
.creator-missed__pagination .pages {
  gap: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .creator-missed__pagination .pages {
    gap: 10px;
  }
}
.creator-missed__pagination .pages a {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: var(--black-2);
  text-transform: uppercase;
  font-family: "ClashDisplay";
  border: 3px solid var(--black-2);
  width: 70px;
  height: 70px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right-width: 7px;
  border-bottom-width: 7px;
  background-color: var(--white);
}
.creator-missed__pagination .pages a.active, .creator-missed__pagination .pages a:hover {
  background-color: var(--yellow-3);
}
@media only screen and (max-width: 767px) {
  .creator-missed__pagination img {
    display: none;
  }
}
.creator-social__area {
  background-color: var(--pink-3);
}
.creator-social__list {
  padding: 95px;
  border: 3px solid var(--black-2);
  border-bottom-width: 15px;
  border-radius: 40px;
  background-color: var(--pink-2);
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .creator-social__list {
    padding: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-social__list {
    padding: 70px 50px;
    grid-gap: 40px 20px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .creator-social__list {
    grid-template-columns: 1fr;
  }
}
.creator-social__list-wrap {
  position: relative;
}
.creator-social__list-wrap .shape {
  position: absolute;
  max-width: 140px;
  right: 90px;
  top: -60px;
}
@media only screen and (max-width: 1199px) {
  .creator-social__list-wrap .shape {
    top: -50px;
    max-width: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-social__list-wrap .shape {
    top: -20px;
    right: 30px;
  }
}
.creator-social__item {
  text-align: center;
  position: relative;
}
.creator-social__item::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  top: 0;
  right: -12px;
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .creator-social__item::after {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .creator-social__item:nth-child(2)::after {
    display: none;
  }
}
.creator-social__item:last-child::after {
  display: none;
}
.creator-social__item .title {
  font-size: 36px;
  line-height: 1;
  font-weight: 600;
  color: var(--black-2);
  text-transform: capitalize;
  font-family: "ClashDisplay";
}
@media only screen and (max-width: 1199px) {
  .creator-social__item .title {
    font-size: 30px;
  }
}
.creator-social__item a {
  width: 110px;
  height: 110px;
  border: 3px solid var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--black-2);
  border-radius: 30px;
  border-bottom-width: 8px;
  border-right-width: 8px;
  background-color: var(--white);
  margin: 0 auto;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1199px) {
  .creator-social__item a {
    width: 90px;
    height: 90px;
  }
}
.creator-social__item a:hover {
  background-color: var(--yellow-3);
}
.creator-social__item p {
  font-size: 18px;
  line-height: 2;
  font-weight: 500;
  color: var(--black-2);
}
.creator-partner__area {
  position: relative;
}
.light .creator-partner__area {
  background-color: var(--black-3);
}
.creator-partner__area .shape {
  position: absolute;
  right: 80px;
  bottom: -25px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .creator-partner__area .shape {
    right: 0;
    bottom: -40px;
  }
}
.creator-partner__area .shape-2 {
  position: absolute;
  left: 0;
  top: 30%;
}
@media only screen and (max-width: 1919px) {
  .creator-partner__area .shape-2 {
    top: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .creator-partner__area .shape-2 {
    top: -5%;
  }
}
.creator-partner__top {
  text-align: center;
  padding-bottom: 90px;
  position: relative;
}
.creator-partner__top::before {
  position: absolute;
  content: "";
  width: 600px;
  height: 3px;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  background-color: var(--yellow-3);
}
@media only screen and (max-width: 991px) {
  .creator-partner__top::before {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-partner__top::before {
    width: 250px;
  }
}
.creator-partner__top::after {
  position: absolute;
  content: "";
  width: 250px;
  height: 3px;
  left: 50%;
  bottom: 53px;
  transform: translateX(-50%);
  background-color: var(--yellow-3);
}
@media only screen and (max-width: 991px) {
  .creator-partner__top::after {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-partner__top::after {
    width: 100px;
  }
}
.creator-partner__top .sec-title-15 {
  color: var(--white);
}
.creator-partner__slider img {
  max-width: 160px;
}
.creator-testimonial__slider {
  max-width: 770px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .creator-testimonial__slider {
    max-width: 620px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-testimonial__slider {
    max-width: 80%;
  }
}
.creator-testimonial__slider-wrap {
  position: relative;
}
.creator-testimonial__slider-wrap .btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.creator-testimonial__slider-wrap .btn-prev {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}
.creator-testimonial__slide, .speaker-testimonial__slide {
  text-align: center;
}
.creator-testimonial__slide .client-name, .speaker-testimonial__slide .client-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white);
}
.creator-testimonial__slide .client-role, .speaker-testimonial__slide .client-role {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8;
  color: var(--black-9);
  padding-bottom: 25px;
}
.creator-testimonial__slide p, .speaker-testimonial__slide p {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .creator-testimonial__slide p, .speaker-testimonial__slide p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-testimonial__slide p, .speaker-testimonial__slide p {
    font-size: 18px;
  }
}
.creator-footer__area {
  background-color: var(--pink-3);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .creator-footer__area {
    padding-bottom: 100px;
  }
}
.creator-footer__area .shape {
  position: absolute;
  bottom: 0;
  left: 18%;
}
@media only screen and (max-width: 991px) {
  .creator-footer__area .shape {
    max-width: 100px;
  }
}
.creator-footer__mailchimp {
  max-width: 620px;
  margin: 0 auto;
  border: 3px solid var(--black-2);
  border-radius: 50px;
  position: relative;
}
.creator-footer__mailchimp input, .creator-footer__mailchimp .cf-details-comment__field textarea, .cf-details-comment__field .creator-footer__mailchimp textarea, .creator-footer__mailchimp .dt-inap__appointment textarea, .dt-inap__appointment .creator-footer__mailchimp textarea, .creator-footer__mailchimp .elc-inbd-comment__field textarea, .elc-inbd-comment__field .creator-footer__mailchimp textarea {
  width: 100%;
  height: 100%;
  background: var(--white);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-2);
  border: none;
  outline: none;
  border-radius: 50px;
  padding: 20px 30px;
  padding-inline-end: 180px;
  opacity: 1;
}
.creator-footer__mailchimp input::-moz-placeholder, .creator-footer__mailchimp .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .creator-footer__mailchimp textarea::-moz-placeholder, .creator-footer__mailchimp .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .creator-footer__mailchimp textarea::-moz-placeholder, .creator-footer__mailchimp .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .creator-footer__mailchimp textarea::-moz-placeholder {
  color: var(--black-2);
}
.creator-footer__mailchimp input::placeholder, .creator-footer__mailchimp .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .creator-footer__mailchimp textarea::placeholder, .creator-footer__mailchimp .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .creator-footer__mailchimp textarea::placeholder, .creator-footer__mailchimp .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .creator-footer__mailchimp textarea::placeholder {
  color: var(--black-2);
}
.creator-footer__mailchimp .submit {
  position: absolute;
  inset-inline-end: -3px;
  top: -3px;
  width: 170px;
  height: calc(100% + 6px);
  background: var(--yellow-3);
  border-radius: 50px;
  border: 3px solid var(--black-2);
  font-family: "ClashDisplay";
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-2);
}
.creator-footer__menu img {
  display: inherit;
  margin: 70px auto 35px;
}
.creator-footer__menu ul {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .creator-footer__menu ul {
    gap: 10px;
    flex-direction: column;
    padding-bottom: 30px;
  }
}
.creator-footer__menu ul li a {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  padding: 0 5px;
  text-transform: uppercase;
  color: var(--black-2);
  font-family: "ClashDisplay";
}
.creator-footer__copyright {
  text-align: center;
}
.creator-footer__copyright p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--black-2);
}

/*
     CONTENT CREATOR INNER PAGES STYLES
*/
.creator-inab__intro {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__intro {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.creator-inab__intro-top {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
}
@media only screen and (max-width: 767px) {
  .creator-inab__intro-top {
    grid-template-columns: 1fr;
  }
}
.creator-inab__intro-top .video-popup::after {
  top: 12px;
}
.creator-inab__intro-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .creator-inab__intro-bottom {
    grid-template-columns: 1fr;
  }
}
.creator-inab__intro-bottom .creator-disc {
  max-width: 330px;
  margin-bottom: 50px;
}
.creator-inab__intro-bottom .creator-disc p {
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.creator-inab__intro-content {
  margin-left: 140px;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__intro-content {
    margin-left: 0;
  }
}
.creator-inab__intro-chanel-overview {
  max-width: 280px;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .creator-inab__intro-chanel-overview {
    margin-left: unset;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.creator-inab__intro-chanel-overview .icon {
  width: 110px;
  height: 110px;
  border: 3px solid var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--black-2);
  border-radius: 30px;
  border-bottom-width: 8px;
  border-right-width: 8px;
  background-color: var(--red);
  margin-bottom: 25px;
}
.creator-inab__intro-chanel-overview .icon:hover {
  background-color: var(--red);
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .creator-inab__intro-chanel-overview .icon {
    width: 70px;
    height: 70px;
  }
}
.creator-inab__intro-chanel-overview .title {
  color: var(--black-2);
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}
.creator-inab__intro-chanel-overview .sub-title p {
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  color: var(--black-2);
}
.creator-inab__intro-chanel-overview .disc {
  padding-top: 20px;
}
.creator-inab__intro-chanel-overview .disc P {
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.creator-inab__intro-chanel-overview .btn-wrap {
  padding-top: 15px;
}
.creator-inab__intro .scroll-btn {
  margin-left: unset;
}
.creator-inab__intro-item {
  position: relative;
}
.creator-inab__intro-item .shape-1 {
  position: absolute;
  bottom: 80px;
  inset-inline-end: 80px;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__intro-item .shape-1 {
    max-width: 100px;
  }
}
.creator-inab__intro-main-thumb {
  position: relative;
  max-width: 500px;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__intro-main-thumb {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inab__intro-main-thumb {
    margin-top: 40px;
  }
}
.creator-inab__intro-main-thumb img {
  position: relative;
  z-index: 3;
  border-radius: 275px 275px 20px 20px;
}
.creator-inab__intro-main-thumb::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  inset-inline-start: -16px;
  bottom: -15px;
  background-color: var(--white);
  border-radius: 275px 230px 20px 20px;
}
.creator-inab__intro-main-thumb::after {
  position: absolute;
  z-index: 1;
  content: "";
  width: 103%;
  height: 100%;
  inset-inline-start: -22px;
  bottom: -30px;
  background-color: var(--black-2);
  border-radius: 275px 230px 20px 20px;
}
.creator-inab__service {
  padding-top: 80px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 991px) {
  .creator-inab__service {
    padding-top: 40px;
    padding-bottom: 55px;
  }
}
.creator-inab__service-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  padding-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__service-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .creator-inab__service-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .creator-inab__service-items {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.creator-inab__service-item {
  position: relative;
  border-radius: 50px;
  border: 3px solid var(--black-2);
  background: var(--white);
  border-radius: 50px;
  border-bottom-width: 14px;
  border-right-width: 4px;
  margin-bottom: 25px;
  max-width: 330px;
  padding: 30px;
  overflow: hidden;
}
.creator-inab__service-item .icon {
  position: relative;
  width: 62px;
  height: 62px;
  border: 0px solid var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--black-2);
  border-radius: 20px;
  border-bottom-width: 4px;
  border-right-width: 4px;
  background-color: var(--red);
  margin-bottom: 25px;
}
.creator-inab__service-item .icon img {
  max-width: 30px;
}
.creator-inab__service-item .counter-text {
  position: absolute;
  inset-inline-end: 0;
  top: 30px;
  font-family: var(--font_clashDisplay);
  font-size: 80px;
  font-weight: 600;
  line-height: 0.56;
  -webkit-text-fill-color: var(--white);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white-4);
  z-index: 2;
}
.creator-inab__service-item .title {
  color: var(--black-2);
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 30px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .creator-inab__service-item .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inab__service-item .title {
    font-size: 36px;
  }
}
.creator-inab__service-item .disc p {
  color: #1C1D20;
  font-size: 18px;
  line-height: 1.44;
}
.creator-inab__service-item .category li {
  color: var(--black-2);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.62;
}
.creator-inab__service-item .creator-about__btn::before {
  left: 2px;
  top: 1px;
}
.creator-inab__service-item .creator-about__btn .wc-btn-primary {
  padding: 12px 20px;
  border-top-width: 1px;
  border-left-width: 1px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font_clashDisplay);
}
.creator-inab__partner {
  background-color: var(--black-2);
}
.creator-ins__area .creator-inab__service-items {
  padding-top: 130px;
}
@media only screen and (max-width: 1199px) {
  .creator-ins__area .creator-inab__service-items {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-ins__area .creator-inab__service-items {
    padding-top: 60px;
  }
}
.creator-inpromotion__area-thumb {
  display: flex;
  align-items: center;
  background-color: var(--white);
  border: 3px solid var(--black-2);
  border-bottom-width: 10px;
  border-radius: 50px;
  position: relative;
  margin-bottom: 120px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .creator-inpromotion__area-thumb {
    margin-bottom: 50px;
  }
}
.creator-inpromotion__area-thumb img {
  width: 100%;
}
.creator-inpromotion__area-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media only screen and (max-width: 991px) {
  .creator-inpromotion__area-items {
    grid-template-columns: 1fr;
  }
}
.creator-inpromotion__area .creator-mostview__item .list-item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .creator-inpromotion__area .creator-mostview__item .list-item {
    margin-bottom: 0;
  }
}
.creator-inpromotion__area .creator-mostview__item .list-item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .creator-inpromotion__area .creator-mostview__item .list-item:last-child {
    margin-bottom: 0;
  }
}
.creator-inpromotion__area .creator-mostview__item .list-item:last-child::after {
  display: none;
}
.creator-inpromotion__area .creator-mostview__item .list-item::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
  background: linear-gradient(90deg, #FFC700 0%, #1C1D20 50.36%, #FFC700 100%);
}
@media only screen and (max-width: 767px) {
  .creator-inpromotion__area .creator-mostview__item .list-item::after {
    display: none;
  }
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__img .left {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .creator-inpromotion__area .creator-mostview__item .creator-mostview__img .left {
    padding: 15px 30px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__img .right {
  height: 100%;
  border: 3px solid var(--black-2);
  border-radius: 30px;
  overflow: hidden;
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__img .right img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: unset;
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__img {
  padding-bottom: 20px;
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__info p {
  padding-bottom: 15px;
}
.creator-inpromotion__area .creator-mostview__item .creator-mostview__title {
  padding-bottom: 40px;
}
.creator-inpromotion__area .creator-mostview__item .creator-about__btn::before {
  left: 2px;
  top: 2px;
}
.creator-inpromotion__area .creator-mostview__item .creator-about__btn a {
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--font_clashDisplay);
  padding: 15px 20px;
  border-top-width: 1px;
  border-left-width: 1px;
  font-size: 16px;
}
.dir-rtl .creator-inpromotion__area .creator-mostview__item .creator-about__btn a {
  display: flex;
  flex-direction: row-reverse;
}
.creator-inweakly__area {
  background-color: var(--purple);
  padding-top: 100px;
  padding-bottom: 130px;
}
.creator-inrecent__area {
  padding-top: 115px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 991px) {
  .creator-inrecent__area {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.creator-infeature__area {
  background-color: var(--pink-2);
  padding-top: 115px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 991px) {
  .creator-infeature__area {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.creator-inteam__area-teams {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  padding-top: 130px;
}
@media only screen and (max-width: 991px) {
  .creator-inteam__area-teams {
    padding-top: 60px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .creator-inteam__area-teams {
    grid-template-columns: 1fr;
  }
}
.creator-inteam__area-team {
  position: relative;
  border-radius: 50px;
  border: 3px solid var(--black-2);
  background: var(--white);
  border-radius: 50px;
  border-bottom-width: 14px;
  border-right-width: 4px;
  max-width: 430px;
  padding: 30px;
  overflow: hidden;
}
.creator-inteam__area-team .post {
  color: var(--black-2);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.62;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.creator-inteam__area-team .name {
  color: var(--black-2);
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .creator-inteam__area-team .name {
    font-size: 38px;
  }
}
.creator-inteam__area-thumb img {
  border: 3px solid var(--black-2);
  border-radius: 30px;
}
.creator-inteam__area-content {
  padding-top: 40px;
}
.creator-contact__area {
  padding-bottom: 180px;
  padding-top: 160px;
}
@media only screen and (max-width: 991px) {
  .creator-contact__area {
    padding-bottom: 100px;
    padding-top: 80px;
  }
}
.creator-contact__area-wrap {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 170px;
}
@media only screen and (max-width: 1199px) {
  .creator-contact__area-wrap {
    gap: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .creator-contact__area-wrap {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-contact__area-wrap {
    grid-template-columns: 1fr;
  }
}
.creator-contact__area-left .circle-text {
  border: 0px solid var(--black-2);
  background-color: var(--white);
  border-bottom-width: 8px;
  border-right-width: 6px;
  border-left-width: 3px;
  border-top-width: 2px;
}
.creator-contact__area-btn-wrap {
  padding-bottom: 40px;
}
.creator-contact__area-disc {
  margin-bottom: 40px;
  max-width: 465px;
}
.creator-contact__area-disc p {
  color: var(--black-2);
  font-size: 18px;
  line-height: 1.4;
}
.creator-contact__area-title {
  color: var(--black-2);
  font-size: 80px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1199px) {
  .creator-contact__area-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-contact__area-title {
    font-size: 38px;
  }
}
.creator-contact__area-info li {
  margin-bottom: 7px;
}
.creator-contact__area-info li a {
  color: #231F20;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.35;
}
.creator-contact__area-form-wrap .input-item {
  margin-bottom: 20px;
}
.creator-contact__area-form-wrap .input-item:last-child {
  margin-bottom: 0;
}
.creator-contact__area-form-wrap .input-item input,
.creator-contact__area-form-wrap .input-item textarea {
  height: 60px;
  width: 100%;
  border-radius: 10px;
  border: 3px solid var(--black-2);
  background-color: var(--white);
  padding: 30px;
  transition: 0.1s;
}
.creator-contact__area-form-wrap .input-item input:focus,
.creator-contact__area-form-wrap .input-item textarea:focus {
  border-bottom: 8px solid var(--black-2);
}
.creator-contact__area-form-wrap .input-item input::-moz-placeholder, .creator-contact__area-form-wrap .input-item textarea::-moz-placeholder {
  color: var(--black-2);
  font-size: 18px;
}
.creator-contact__area-form-wrap .input-item input::placeholder,
.creator-contact__area-form-wrap .input-item textarea::placeholder {
  color: var(--black-2);
  font-size: 18px;
}
.creator-contact__area-form-wrap .input-item textarea {
  height: 260px;
}
.creator-contact__area-submit-btn-wrap {
  position: relative;
  display: inline-block;
}
.creator-contact__area-submit-btn-wrap:hover::before {
  left: 3px;
  top: 2px;
}
.creator-contact__area-submit-btn-wrap::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 6px;
  top: 6px;
  border-radius: 10px;
  transition: all 0.3s;
  background-color: var(--black-2);
}
.creator-contact__area-submit-btn-wrap .submit-btn {
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  background-color: var(--yellow-3);
  border: 3px solid var(--black-2);
  position: relative;
  padding: 15px 40px;
  text-transform: capitalize;
}
.dir-rtl .creator-contact__area-submit-btn-wrap .submit-btn {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
}
.creator-inblogs__area-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
  padding-top: 130px;
}
@media only screen and (max-width: 991px) {
  .creator-inblogs__area-items {
    padding-top: 80px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .creator-inblogs__area-items {
    padding-top: 50px;
    grid-template-columns: 1fr;
  }
}
.creator-inbd__area-meta {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 25px;
}
.creator-inbd__area-meta li {
  position: relative;
}
.creator-inbd__area-meta li:last-child::after {
  display: none;
}
.creator-inbd__area-meta li::after {
  position: absolute;
  content: "";
  left: calc(100% + 20px);
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--black-2);
}
.creator-inbd__area-meta li a {
  color: var(--black-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.creator-inbd__area-thumb {
  margin-top: 70px;
  height: 70vh;
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-thumb {
    height: auto;
  }
}
.creator-inbd__area-thumb img {
  height: 120%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-thumb img {
    position: unset;
    height: auto;
  }
}
.creator-inbd__area-wrap {
  display: grid;
  grid-template-columns: 215px auto;
  gap: 80px;
}
@media only screen and (max-width: 991px) {
  .creator-inbd__area-wrap {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-wrap {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-left {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-right {
    order: 1;
  }
}
.creator-inbd__area-article p {
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  padding-bottom: 20px;
}
.creator-inbd__area-article .list-check {
  margin-bottom: 30px;
}
.creator-inbd__area-article .list-check li {
  color: var(--black-2);
}
.creator-inbd__area-article .list-check li::before {
  filter: brightness(0);
}
.creator-inbd__area-article .thumb-2 {
  margin-top: 25px;
  margin-bottom: 70px;
  overflow: hidden;
}
.creator-inbd__area-article .category-link {
  display: flex;
  gap: 20px;
}
.creator-inbd__area-article .category-link li a {
  color: var(--black-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.creator-inbd__area-share-icons {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 40px;
}
.light .creator-inbd__area-share-icons {
  background-color: var(--pink-3);
}
.creator-inbd__area-share-icon {
  text-align: center;
}
.creator-inbd__area-share-icon .icon {
  width: 80px;
  height: 80px;
  border: 3px solid var(--black-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--black-2);
  border-radius: 30px;
  border-bottom-width: 7px;
  border-right-width: 7px;
  border-top-width: 1px;
  border-left-width: 1px;
  background-color: var(--white);
  margin: auto;
  margin-bottom: 20px;
  transition: 0.3s;
}
.creator-inbd__area-share-icon .icon:hover {
  background-color: var(--red);
}
.creator-inbd__area-share-icon .title {
  color: var(--black-2);
  font-family: var(--font_clashDisplay);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  text-transform: capitalize;
}
@media only screen and (max-width: 991px) {
  .creator-inbd__area-share-icon .title {
    font-size: 25px;
  }
}
.creator-inbd__area-share-icon .share-text {
  color: var(--black-2);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.creator-inbd__area-share-icon .share-text i {
  padding-right: 8px;
}
.creator-inbd__area-share-icon li {
  margin-bottom: 45px;
}
.creator-inbd__area-share-icon li:last-child {
  margin-bottom: 0;
}
.creator-inbd__area-quote {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 40px 80px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .creator-inbd__area-quote {
    padding: 30px 35px;
  }
}
.creator-inbd__area-quote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 125px;
  background-color: var(--yellow-3);
}
.creator-inbd__area-quote q {
  color: var(--black-2);
  font-family: var(--font_clashDisplay);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.41;
}
@media only screen and (max-width: 1199px) {
  .creator-inbd__area-quote q {
    font-size: 20px;
  }
  .creator-inbd__area-quote q br {
    display: none;
  }
}
.creator-inbd__area-quote .name {
  display: block;
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.creator-inbd__area-quote .quote-icon {
  position: absolute;
  bottom: 0;
  inset-inline-end: 30px;
  max-width: 120px;
}
@media only screen and (max-width: 767px) {
  .creator-inbd__area-quote .quote-icon {
    max-width: 50px;
  }
}
.creator-inbd__area-sub-title {
  color: var(--black-2);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.27;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.light .creator-inbd__area-most-view {
  background-color: var(--white);
  padding-bottom: 130px;
}
.creator-insd__area-sec-disc {
  max-width: 630px;
  margin: auto;
  padding-top: 20px;
}
.creator-insd__area-sec-disc p {
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.creator-insd__area-wrap {
  display: grid;
  grid-template-columns: 410px auto;
  gap: 90px;
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-wrap {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-left {
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-right {
    order: 1;
  }
}
.creator-insd__area-category-list {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 45px;
  border-radius: 30px;
}
.light .creator-insd__area-category-list {
  background-color: var(--pink-3);
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-category-list {
    padding: 30px;
  }
}
.creator-insd__area-category-list .rotate-arrow {
  text-align: end;
}
.creator-insd__area-category-list .title {
  color: var(--black-2);
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-category-list .title {
    font-size: 30px;
  }
}
.creator-insd__area-category-list .disc p {
  color: var(--black-2);
  font-size: 18px;
  line-height: 1.44;
  padding-bottom: 40px;
}
.creator-insd__area-category-list .creator-about__btn::before {
  left: 1px;
  top: 2px;
}
.creator-insd__area-category-list .wc-btn-primary {
  padding: 13px 21px;
}
.creator-insd__area-category li {
  margin-bottom: 10px;
}
.creator-insd__area-category li:last-child {
  margin-bottom: 0;
}
.creator-insd__area-category li a {
  color: var(--black-2);
  font-family: var(--font_clashDisplay);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.12;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid var(--black-2);
  border-bottom-width: 3px;
  border-right-width: 3px;
  border-left-width: 1px;
  border-top-width: 1px;
  background: var(--white);
  transition: 0.3s;
}
.creator-insd__area-category li a:hover {
  background-color: var(--red);
}
.creator-insd__area-content .title {
  color: var(--black-2);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.27;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .creator-insd__area-content .title {
    font-size: 28px;
  }
}
.creator-insd__area-content p {
  color: var(--black-2);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  margin-bottom: 15px;
}
.creator-insd__area-content .list-check li {
  color: var(--black-2);
}
.creator-insd__area-content .list-check li::before {
  filter: brightness(0);
}
.creator-insd__area-thumbs-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  padding-top: 50px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .creator-insd__area-thumbs-wrap {
    grid-template-columns: 1fr;
  }
}
.creator-insd__area-thumb {
  background-color: var(--white);
  border: 3px solid var(--black-2);
  border-bottom-width: 10px;
  border-radius: 50px;
}
.creator-insd__area-thumb img {
  width: 100%;
  border-radius: 50px;
}

.body-speaker h1 .anim-reveal-line,
.body-speaker h2 .anim-reveal-line,
.body-speaker h3 .anim-reveal-line,
.body-speaker h4 .anim-reveal-line,
.body-speaker h5 .anim-reveal-line,
.body-speaker h6 .anim-reveal-line {
  padding-bottom: 8px;
  margin-bottom: -8px;
}
.light .body-speaker {
  background-color: var(--pink-14);
}

.speaker-header {
  border-bottom: 1px solid var(--white);
  position: relative;
}
.light .speaker-header {
  border-color: var(--black-2);
  background-color: var(--pink-14);
}
@media only screen and (max-width: 1919px) {
  .speaker-header.plr-50 {
    padding: 0;
  }
}
.speaker-header::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  inset-inline-start: 350px;
  background-color: var(--white);
}
.light .speaker-header::after {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .speaker-header::after {
    inset-inline-start: 270px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-header::after {
    inset-inline-start: calc(50% - 1px);
  }
}
.speaker-header__inner {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 260px auto 190px;
  padding: 24px 40px;
}
@media only screen and (max-width: 1399px) {
  .speaker-header__inner {
    grid-template-columns: 200px auto 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-header__inner {
    padding: 20px 10px;
    grid-template-columns: 200px auto;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-header__inner {
    grid-template-columns: 160px auto;
    padding: 20px 0;
  }
}
.speaker-hero {
  border-bottom: 1px solid var(--white);
}
.speaker-hero__inner {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .speaker-hero__inner {
    grid-gap: 40px;
    padding-top: 50px;
    grid-template-columns: 1fr;
  }
}
.speaker-hero__inner::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-start: calc(50% - 1px);
  top: 0;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .speaker-hero__inner::after {
    display: none;
  }
}
.speaker-hero__title {
  font-weight: 600;
  font-size: 120px;
  line-height: 0.9;
  color: var(--white-14);
}
@media only screen and (min-width: 1600px) {
  .box-layout .speaker-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1919px) {
  .speaker-hero__title {
    font-size: 90px;
    line-height: 1;
  }
}
@media only screen and (max-width: 1399px) {
  .speaker-hero__title {
    font-size: 80px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-hero__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-hero__title {
    font-size: 48px;
  }
}
.speaker-hero__title small {
  font-size: 24px;
  padding: 25px 45px;
  color: var(--black-2);
  font-family: "Kumbh Sans", sans-serif;
  background-color: var(--pink-5);
  border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  position: relative;
  top: -20px;
}
@media only screen and (max-width: 1199px) {
  .speaker-hero__title small {
    top: -10px;
    font-size: 18px;
    padding: 10px 24px;
  }
}
.speaker-hero__title span {
  font-weight: 300;
}
.speaker-hero__right {
  height: 700px;
  margin-inline-end: -100px;
}
@media only screen and (max-width: 1919px) {
  .speaker-hero__right {
    height: 520px;
    margin-inline-end: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-hero__right {
    margin-inline-start: -15px;
    margin-inline-end: -15px;
  }
}
.speaker-hero__right video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.light .speaker-event__area .creator-hero__imgs img {
  border-color: var(--pink-14);
}
.speaker-event__inner {
  position: relative;
}
.speaker-event__inner::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-start: 23%;
  top: 0;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .speaker-event__inner::before {
    display: none;
  }
}
.speaker-event__inner::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-end: 23%;
  top: 0;
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .speaker-event__inner::after {
    display: none;
  }
}
.speaker-event__top {
  display: grid;
  align-items: center;
  grid-template-columns: 23% 27% 27% 23%;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: relative;
}
@media only screen and (max-width: 991px) {
  .speaker-event__top {
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__top {
    grid-template-columns: 1fr;
  }
}
.speaker-event__top::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-start: calc(50% - 1px);
  top: 0;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .speaker-event__top::after {
    display: none;
  }
}
.speaker-event__img {
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .speaker-event__img {
    border-bottom: 1px solid var(--white);
  }
}
.speaker-event__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .speaker-event__img img {
    padding-inline-end: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__img img {
    padding-inline-end: 0;
  }
}
.speaker-event__text {
  padding: 30px 80px;
}
@media only screen and (max-width: 1919px) {
  .speaker-event__text {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-event__text {
    height: 100%;
    border-bottom: 1px solid var(--white);
  }
}
.speaker-event__text p {
  font-size: 18px;
  text-indent: 40px;
  color: var(--white-14);
}
.speaker-event__people {
  padding: 30px 80px;
}
@media only screen and (max-width: 1919px) {
  .speaker-event__people {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__people {
    border-bottom: 1px solid var(--white);
  }
}
.speaker-event__info {
  gap: 10px;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .speaker-event__info {
    gap: 0;
  }
}
.speaker-event__count {
  font-size: 48px;
  line-height: 1;
  font-weight: 500;
  color: var(--white-14);
  transform: rotate(-90deg);
}
.speaker-event__des p {
  font-size: 18px;
  color: var(--white);
}
.speaker-event__btn {
  text-align: center;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 767px) {
  .speaker-event__btn {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.speaker-event__btn .wc-btn-circle {
  width: 240px;
  height: 240px;
  background-color: var(--white-14);
  flex-direction: column;
}
.light .speaker-event__btn .wc-btn-circle {
  color: var(--white);
  background-color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .speaker-event__btn .wc-btn-circle {
    width: 180px;
    height: 180px;
  }
}
.speaker-event__para-width {
  max-width: 700px;
  margin: 0 auto;
}
.speaker-event__para p {
  font-size: 18px;
  position: relative;
  color: var(--white-14);
  padding-inline-start: 65px;
  padding-inline-end: 65px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .speaker-event__para p {
    font-size: 16px;
    text-align: center;
  }
}
.speaker-event__para p::before {
  position: absolute;
  content: "";
  inset-inline-end: 0;
  top: -11px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../imgs/motivational-speaker/shape.png);
}
.light .speaker-event__para p::before {
  filter: invert(1);
}
.speaker-event__para p::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: -11px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../imgs/motivational-speaker/shape.png);
}
.light .speaker-event__para p::after {
  filter: invert(1);
}
.speaker-event__para em {
  font-weight: 500;
}
.speaker-event__btm {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--white);
}
.speaker-event__slider {
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .speaker-event__slider {
    max-width: 800px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-event__slider {
    max-width: 590px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slider {
    padding-bottom: 80px;
  }
}
.speaker-event__slider .swiper-pagination {
  bottom: 0;
  color: var(--white);
}
.speaker-event__slider .swiper-pagination-total {
  color: var(--gray-4);
}
.speaker-event__slider .mid-line {
  width: 110px;
  height: 1px;
  display: inline-block;
  background: var(--white-14);
  position: relative;
  bottom: 5px;
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}
.light .speaker-event__slider-area {
  background-color: var(--pink-14);
}
.speaker-event__slider-area .sec-title-wrap {
  text-align: center;
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .speaker-event__slider-area .sec-title-wrap {
    padding-bottom: 60px;
  }
}
.speaker-event__slider-area .separator-4 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .speaker-event__slider-area .separator-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slider-area .separator-4 {
    margin-bottom: 10px;
  }
}
.speaker-event__slider-wrap {
  position: relative;
}
.speaker-event__slider-wrap .ms-btn-next {
  position: absolute;
  inset-inline-end: 145px;
  top: calc(50% - 60px);
  transform: translateY(-50%);
  z-index: 9;
}
@media only screen and (max-width: 1919px) {
  .speaker-event__slider-wrap .ms-btn-next {
    inset-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-event__slider-wrap .ms-btn-next {
    inset-inline-end: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slider-wrap .ms-btn-next img {
    max-width: 40px;
  }
}
.speaker-event__slider-wrap .ms-btn-prev {
  position: absolute;
  inset-inline-start: 145px;
  top: calc(50% - 60px);
  transform: translateY(-50%);
  z-index: 9;
}
@media only screen and (max-width: 1919px) {
  .speaker-event__slider-wrap .ms-btn-prev {
    inset-inline-start: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-event__slider-wrap .ms-btn-prev {
    inset-inline-start: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slider-wrap .ms-btn-prev img {
    max-width: 40px;
  }
}
.speaker-event__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .speaker-event__slide {
    flex-wrap: wrap;
  }
}
.speaker-event__slide .img {
  margin-inline-end: -150px;
}
@media only screen and (max-width: 991px) {
  .speaker-event__slide .img {
    margin-inline-end: 0;
    margin-bottom: -280px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slide .img {
    margin-bottom: -120px;
  }
}
.speaker-event__slide .img img {
  width: 550px;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media only screen and (max-width: 1199px) {
  .speaker-event__slide .img img {
    width: 475px;
    height: 475px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slide .img img {
    width: 345px;
    height: 345px;
  }
}
.speaker-event__slide .title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  color: var(--black-2);
}
.light .speaker-event__slide .title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .speaker-event__slide .title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__slide .title {
    font-size: 24px;
  }
}
.speaker-event__content {
  width: 550px;
  height: 550px;
  border-radius: 100%;
  padding: 60px;
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-14);
}
.light .speaker-event__content {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .speaker-event__content {
    width: 475px;
    height: 475px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__content {
    width: 345px;
    height: 345px;
    padding: 30px;
  }
}
.speaker-event__content p {
  color: var(--gray-10);
}
.light .speaker-event__content p {
  color: var(--black-9);
}
.speaker-event__content .time {
  font-weight: 500;
  padding-bottom: 10px;
}
.speaker-event__content .text {
  font-size: 18px;
  max-width: 325px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .speaker-event__content .text {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-event__content .text {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.speaker-event__content a {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white-14);
  background-color: var(--black-2);
  padding: 13px 27px;
  border-radius: 30px;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.light .speaker-event__content a {
  color: var(--black-2);
  background-color: var(--pink-14);
}
.light .speaker-event__content a img {
  filter: invert(1);
}
.speaker-event__content a:hover {
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .speaker-event__content a {
    font-size: 16px;
  }
}
.speaker-quote__wrap {
  max-width: 910px;
  margin: 0 auto;
}
.speaker-quote__content {
  position: relative;
  text-align: center;
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .speaker-quote__content {
    padding-top: 60px;
  }
}
.speaker-quote__content::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 0;
  inset-inline-start: 150px;
  background-image: url(../imgs/motivational-speaker/quote.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .speaker-quote__content::before {
    inset-inline-start: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-quote__content::before {
    inset-inline-start: 0;
  }
}
.speaker-quote__content::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  bottom: 0;
  inset-inline-end: 150px;
  background-image: url(../imgs/motivational-speaker/quote-2.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .speaker-quote__content::after {
    inset-inline-end: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-quote__content::after {
    inset-inline-end: 0;
    bottom: 50px;
  }
}
.speaker-quote__text p {
  font-size: 36px;
  line-height: 1.3;
  color: var(--white-14);
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .speaker-quote__text p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-quote__text p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-quote__text p {
    font-size: 24px;
  }
}
.speaker-quote__name {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: var(--white-14);
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .speaker-quote__name {
    padding-top: 30px;
  }
}
.speaker-quote__role {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--white-14);
}
.speaker-interview__inner .sec-title-wrap {
  text-align: center;
  padding-bottom: 60px;
}
.speaker-interview__inner .separator-4 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .speaker-interview__inner .separator-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-interview__inner .separator-4 {
    margin-bottom: 10px;
  }
}
.speaker-interview__list {
  display: grid;
  grid-gap: 110px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1919px) {
  .speaker-interview__list {
    grid-gap: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .speaker-interview__list {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-interview__list {
    grid-gap: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-interview__list {
    grid-gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-interview__list {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.speaker-interview__item {
  position: relative;
  transition: all 0.5s;
}
.speaker-interview__item:hover .speaker-interview__play {
  opacity: 1;
  visibility: visible;
}
.speaker-interview__item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 0 70%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 55% 100%, 0 70%);
}
.speaker-interview__info {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
}
.speaker-interview__number p {
  font-weight: 500;
  padding-bottom: 20px;
}
.speaker-interview__play {
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translate(-50%, -50%);
}
.light .speaker-interview__play .play_btn_5 {
  border-color: var(--white);
}
.light .speaker-interview__play .play_btn_5 i {
  color: var(--white);
}
.speaker-interview__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--white-14);
}
@media only screen and (max-width: 767px) {
  .speaker-interview__title br {
    display: block;
  }
}
.speaker-about__inner {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 3.5fr;
}
@media only screen and (max-width: 767px) {
  .speaker-about__inner {
    grid-template-columns: 1fr;
  }
}
.speaker-about__left {
  padding-top: 160px;
}
@media only screen and (max-width: 767px) {
  .speaker-about__left {
    padding-top: 60px;
  }
}
.speaker-about__right .sec-title-16 {
  text-indent: 70px;
}
@media only screen and (max-width: 767px) {
  .speaker-about__right .sec-title-16 {
    text-indent: 40px;
  }
}
.speaker-about__info {
  max-width: 520px;
  margin-inline-start: 210px;
  margin-top: 45px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .speaker-about__info {
    margin-inline-start: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-about__info {
    margin-inline-start: 10px;
    margin-bottom: 60px;
  }
}
.speaker-about__info img {
  margin-top: 20px;
}
.speaker-about__text p {
  font-size: 24px;
  color: var(--white-14);
  padding-bottom: 30px;
}
.light .speaker-about__text p {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .speaker-about__text p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-about__text p {
    font-size: 18px;
  }
}
.speaker-about__content {
  max-width: 960px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 1199px) {
  .speaker-about__content {
    max-width: 750px;
  }
}
.speaker-about__content .separator-4 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .speaker-about__content .separator-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-about__content .separator-4 {
    margin-bottom: 10px;
  }
}
.speaker-about__imgs {
  gap: 70px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 1199px) {
  .speaker-about__imgs {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-about__imgs {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-about__imgs {
    flex-wrap: wrap;
  }
}
.speaker-about__imgs img {
  max-width: 700px;
}
@media only screen and (max-width: 1919px) {
  .speaker-about__imgs img {
    max-width: 600px;
  }
}
@media only screen and (max-width: 1399px) {
  .speaker-about__imgs img {
    max-width: 550px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-about__imgs img {
    max-width: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-about__imgs img {
    max-width: 320px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-about__imgs img:first-child {
    max-width: 220px;
  }
}
.speaker-book__area .separator-4 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .speaker-book__area .separator-4 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-book__area .separator-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-book__area .separator-4 {
    margin-bottom: 10px;
  }
}
.speaker-book__list {
  display: grid;
  grid-gap: 180px;
  padding-top: 50px;
  padding-bottom: 50px;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: relative;
}
@media only screen and (max-width: 1919px) {
  .speaker-book__list {
    grid-gap: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-book__list {
    grid-gap: 60px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-book__list {
    grid-template-columns: 1fr;
  }
}
.speaker-book__list::after {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .speaker-book__list::after {
    display: none;
  }
}
.speaker-book__list-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--white);
}
.light .speaker-book__list-2 {
  border-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .speaker-book__list-2 {
    grid-template-columns: 1fr;
  }
}
.speaker-book__item, .speaker-book__item-2 {
  display: grid;
  grid-gap: 70px;
  align-items: center;
  grid-template-columns: 350px auto;
}
@media only screen and (min-width: 1600px) {
  .box-layout .speaker-book__item, .box-layout .speaker-book__item-2 {
    grid-gap: 30px;
    grid-template-columns: 280px auto;
  }
}
@media only screen and (max-width: 1919px) {
  .speaker-book__item, .speaker-book__item-2 {
    grid-gap: 30px;
    grid-template-columns: 280px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-book__item, .speaker-book__item-2 {
    grid-template-columns: 1fr;
  }
}
.speaker-book__item p, .speaker-book__item-2 p {
  font-size: 18px;
  color: var(--white-14);
  padding-bottom: 40px;
}
.speaker-book__item .wc-btn-border, .speaker-book__item-2 .wc-btn-border {
  font-size: 18px;
  border-radius: 25px;
  color: var(--white-14);
  padding: 10px 27px;
  border: 2px solid var(--white-14);
}
.light .speaker-book__item .wc-btn-border, .light .speaker-book__item-2 .wc-btn-border {
  color: var(--black-2);
  border-color: var(--black-2);
}
.speaker-book__item .wc-btn-border:hover, .speaker-book__item-2 .wc-btn-border:hover {
  border-color: transparent;
  color: var(--black-2);
}
.light .speaker-book__item .wc-btn-border:hover, .light .speaker-book__item-2 .wc-btn-border:hover {
  color: var(--white);
}
.speaker-book__item-2 {
  border-bottom: 1px solid var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
}
.light .speaker-book__item-2 {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1919px) {
  .speaker-book__item-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.speaker-book__item-2:nth-child(odd) {
  border-inline-end: 1px solid var(--white);
  padding-inline-end: 100px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .speaker-book__item-2:nth-child(odd) {
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .speaker-book__item-2:nth-child(odd) {
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-book__item-2:nth-child(odd) {
    border-inline-end: none;
    padding-inline-end: 0;
  }
}
.light .speaker-book__item-2:nth-child(odd) {
  border-color: var(--black-2);
}
.speaker-book__item-2:nth-child(even) {
  padding-inline-start: 100px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .speaker-book__item-2:nth-child(even) {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 1919px) {
  .speaker-book__item-2:nth-child(even) {
    padding-inline-start: 40px;
  }
}
@media only screen and (max-width: 1919px) and (max-width: 767px) {
  .speaker-book__item-2:nth-child(even) {
    padding-inline-start: 0;
  }
}
.speaker-book__name {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  color: var(--white-14);
  margin-bottom: 25px;
}
.speaker-book__name:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .speaker-book__name {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-book__name {
    font-size: 32px;
  }
}
.light .speaker-partner__area .btn-swiper img {
  filter: invert(1);
}
.speaker-partner__top {
  text-align: center;
  position: relative;
  padding-bottom: 90px;
  padding-top: 15px;
}
.speaker-partner__top::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 1px;
  left: 50%;
  bottom: 65px;
  transform: translateX(-50%);
  background-color: var(--white-14);
}
@media only screen and (max-width: 767px) {
  .speaker-partner__top::before {
    width: 150px;
  }
}
.speaker-partner__top::after {
  position: absolute;
  content: "";
  width: 120px;
  height: 1px;
  left: 50%;
  bottom: 57px;
  transform: translateX(-50%);
  background-color: var(--white-14);
}
@media only screen and (max-width: 767px) {
  .speaker-partner__top::after {
    width: 90px;
  }
}
.speaker-partner__top p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--white-14);
  font-family: "Plus Jakarta Sans", sans-serif;
}
.light .speaker-testimonial__slide p {
  color: var(--black-2);
}
.light .speaker-testimonial__slide .client-name,
.light .speaker-testimonial__slide .client-role {
  color: var(--black-2);
}
.speaker-email__area {
  background-color: var(--white-14);
}
.light .speaker-email__area {
  background-color: var(--black-2);
}
.speaker-email__content {
  text-align: center;
}
.speaker-email__content .sec-title-16 {
  padding-bottom: 60px;
  color: var(--black-2);
}
.light .speaker-email__content .sec-title-16 {
  color: var(--white-14);
}
.speaker-email__content form {
  max-width: 610px;
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
}
.speaker-email__content form input[type=email], .speaker-email__content form .cf-details-comment__field textarea[type=email], .cf-details-comment__field .speaker-email__content form textarea[type=email], .speaker-email__content form .dt-inap__appointment textarea[type=email], .dt-inap__appointment .speaker-email__content form textarea[type=email], .speaker-email__content form .elc-inbd-comment__field textarea[type=email], .elc-inbd-comment__field .speaker-email__content form textarea[type=email] {
  font-weight: 400;
  font-size: 18px;
  line-height: 14px;
  color: var(--black-2);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--black-2);
  padding-bottom: 10px;
  padding-inline-end: 30px;
  width: 100%;
  outline: none;
}
.light .speaker-email__content form input[type=email], .light .speaker-email__content form .cf-details-comment__field textarea[type=email], .cf-details-comment__field .light .speaker-email__content form textarea[type=email], .light .speaker-email__content form .dt-inap__appointment textarea[type=email], .dt-inap__appointment .light .speaker-email__content form textarea[type=email], .light .speaker-email__content form .elc-inbd-comment__field textarea[type=email], .elc-inbd-comment__field .light .speaker-email__content form textarea[type=email] {
  color: var(--white-14);
  border-color: var(--white-14);
}
.speaker-email__content form input[type=email]::-moz-placeholder, .speaker-email__content form .cf-details-comment__field textarea[type=email]::-moz-placeholder, .cf-details-comment__field .speaker-email__content form textarea[type=email]::-moz-placeholder, .speaker-email__content form .dt-inap__appointment textarea[type=email]::-moz-placeholder, .dt-inap__appointment .speaker-email__content form textarea[type=email]::-moz-placeholder, .speaker-email__content form .elc-inbd-comment__field textarea[type=email]::-moz-placeholder, .elc-inbd-comment__field .speaker-email__content form textarea[type=email]::-moz-placeholder {
  color: var(--black-2);
}
.speaker-email__content form input[type=email]::placeholder, .speaker-email__content form .cf-details-comment__field textarea[type=email]::placeholder, .cf-details-comment__field .speaker-email__content form textarea[type=email]::placeholder, .speaker-email__content form .dt-inap__appointment textarea[type=email]::placeholder, .dt-inap__appointment .speaker-email__content form textarea[type=email]::placeholder, .speaker-email__content form .elc-inbd-comment__field textarea[type=email]::placeholder, .elc-inbd-comment__field .speaker-email__content form textarea[type=email]::placeholder {
  color: var(--black-2);
}
.light .speaker-email__content form input[type=email]::-moz-placeholder, .light .speaker-email__content form .cf-details-comment__field textarea[type=email]::-moz-placeholder, .cf-details-comment__field .light .speaker-email__content form textarea[type=email]::-moz-placeholder, .light .speaker-email__content form .dt-inap__appointment textarea[type=email]::-moz-placeholder, .dt-inap__appointment .light .speaker-email__content form textarea[type=email]::-moz-placeholder, .light .speaker-email__content form .elc-inbd-comment__field textarea[type=email]::-moz-placeholder, .elc-inbd-comment__field .light .speaker-email__content form textarea[type=email]::-moz-placeholder {
  color: var(--white-14);
}
.light .speaker-email__content form input[type=email]::placeholder, .light .speaker-email__content form .cf-details-comment__field textarea[type=email]::placeholder, .cf-details-comment__field .light .speaker-email__content form textarea[type=email]::placeholder, .light .speaker-email__content form .dt-inap__appointment textarea[type=email]::placeholder, .dt-inap__appointment .light .speaker-email__content form textarea[type=email]::placeholder, .light .speaker-email__content form .elc-inbd-comment__field textarea[type=email]::placeholder, .elc-inbd-comment__field .light .speaker-email__content form textarea[type=email]::placeholder {
  color: var(--white-14);
}
.speaker-email__content form .submit {
  position: absolute;
  inset-inline-end: 0;
}
.speaker-email__content form img {
  max-width: 26px;
}
.light .speaker-email__content form img {
  filter: invert(1);
}
.speaker-email__content p {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-10);
}
.light .speaker-email__content p {
  color: var(--gray-4);
}
.speaker-blog__top {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
}
@media only screen and (max-width: 1199px) {
  .speaker-blog__top {
    grid-template-columns: 1fr 3fr;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-blog__top {
    grid-template-columns: 1fr;
  }
}
.speaker-blog__top .sec-title-16 {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .speaker-blog__top .sec-title-16 {
    padding-bottom: 40px;
  }
}
.speaker-blog__info {
  max-width: 340px;
  margin-inline-start: 220px;
}
@media only screen and (max-width: 1199px) {
  .speaker-blog__info {
    margin-inline-start: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-blog__info {
    margin-inline-start: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-blog__info {
    margin-inline-start: 10px;
  }
}
.speaker-blog__text p {
  font-size: 18px;
  color: var(--white-14);
  padding-bottom: 35px;
}
.light .speaker-blog__text p {
  color: var(--black-2);
}
.speaker-blog__btn .wc-btn-underline {
  font-size: 18px;
  color: var(--white-14);
}
.light .speaker-blog__btn .wc-btn-underline {
  color: var(--black-2);
}
.light .speaker-blog__btn .wc-btn-underline img {
  filter: invert(1);
}
.speaker-blog__left {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .speaker-blog__left {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.speaker-blog__right .separator-4 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .speaker-blog__right .separator-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-blog__right .separator-4 {
    margin-bottom: 10px;
  }
}
.speaker-blog__list {
  display: grid;
  grid-gap: 80px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .speaker-blog__list {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-blog__list {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-blog__list {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.speaker-blog__item {
  position: relative;
}
.speaker-blog__item:nth-child(3n+1)::after {
  display: none;
}
.speaker-blog__item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-start: -40px;
  top: 0;
  background-color: var(--white);
}
.light .speaker-blog__item::after {
  background-color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .speaker-blog__item::after {
    inset-inline-start: -20px;
  }
}
@media only screen and (max-width: 991px) {
  .speaker-blog__item::after {
    inset-inline-start: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .speaker-blog__item::after {
    display: none;
  }
}
.speaker-blog__item img {
  width: 100%;
}
.speaker-blog__item p {
  font-size: 14px;
  color: var(--white-14);
  padding-top: 23px;
}
.speaker-blog__item p span {
  width: 20px;
  height: 1px;
  margin-inline-start: 5px;
  margin-inline-end: 5px;
  display: inline-block;
  background-color: var(--white-14);
  position: relative;
  top: -2px;
}
.speaker-blog__item p a {
  color: var(--white-14);
  display: inline-block;
}
.speaker-blog__thumb {
  overflow: hidden;
  margin-bottom: 30px;
}
.speaker-blog__title {
  font-size: 36px;
  line-height: 1;
  font-weight: 500;
  color: var(--white-14);
  transition: all 0.3s;
}
.speaker-blog__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .speaker-blog__title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .speaker-blog__title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .speaker-blog__title {
    font-size: 24px;
  }
}
.speaker-instagram__text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-14);
}
.light .speaker-instagram__text p {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .speaker-instagram__text p {
    padding-top: 10px;
  }
}
.speaker-instagram__text p a {
  margin-inline-start: 5px;
  color: var(--white-14);
  display: inline-block;
  border-bottom: 1px solid var(--white-14);
  transition: all 0.3s;
}
.speaker-instagram__text p a:hover {
  color: var(--primary);
}
.speaker-innerblog__top {
  padding-inline-start: 33%;
}
@media only screen and (max-width: 767px) {
  .speaker-innerblog__top {
    padding-inline-start: 0;
  }
}

.msbd-submit__btn .wc-btn-primary {
  font-size: 18px;
  padding: 16px 28px;
  border-radius: 100px;
  background-color: var(--white);
}
.light .msbd-submit__btn .wc-btn-primary {
  color: var(--white);
  background-color: var(--black-2);
}
.msbd-submit__btn .wc-btn-primary img {
  max-width: 18px;
  filter: brightness(0.2);
}
.light .msbd-submit__btn .wc-btn-primary img {
  filter: brightness(10);
}
.msbd-submit__btn .wc-btn-primary:after {
  background-color: var(--primary);
}
.msbd-blog__title {
  font-weight: 300;
  font-size: 60px;
  line-height: 1;
}
@media only screen and (max-width: 1399px) {
  .msbd-blog__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .msbd-blog__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .msbd-blog__title {
    font-size: 36px;
  }
}

/*
    MOTIVATIONAL INNER AREA SASS
*/
.motivation__aboutHero {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .motivation__aboutHero {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__aboutHero {
    padding-bottom: 50px;
  }
}
.motivation__aboutHero-text p {
  font-size: 18px;
  color: var(--white-14);
}
.light .motivation__aboutHero-text p {
  color: var(--black-2);
}
.motivation__aboutHero-wrapper {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 100px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .motivation__aboutHero-wrapper {
    gap: 60px;
    grid-template-columns: 2fr 1fr;
  }
}
@media only screen and (max-width: 1919px) {
  .motivation__aboutHero-wrapper {
    gap: 60px;
    grid-template-columns: 2fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__aboutHero-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.motivation__aboutHero-title {
  font-weight: 600;
  font-size: 120px;
  line-height: 0.91;
  color: var(--white);
}
@media only screen and (min-width: 1600px) {
  .box-layout .motivation__aboutHero-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1919px) {
  .motivation__aboutHero-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1399px) {
  .motivation__aboutHero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__aboutHero-title {
    font-size: 60px;
  }
}
.motivation__aboutHero-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 110px;
  padding-top: 50px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .motivation__aboutHero-bottom {
    gap: 60px;
    grid-template-columns: 0.8fr 1fr;
  }
}
@media only screen and (max-width: 1919px) {
  .motivation__aboutHero-bottom {
    gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__aboutHero-bottom {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.motivation__aboutHero-signwrap {
  padding-top: 50px;
}
.motivation__innergallary-headingwrap {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}
@media only screen and (min-width: 1600px) {
  .box-layout .motivation__innergallary-headingwrap {
    grid-template-columns: 0.25fr 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__innergallary-headingwrap {
    grid-template-columns: 0.25fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innergallary-headingwrap {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innergallary-left {
    padding-bottom: 30px;
  }
}
.motivation__innergallary-paracontent p {
  padding-bottom: 30px;
}
.motivation__innergallary-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .motivation__innergallary-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__innergallary-title {
    font-size: 50px;
  }
  .motivation__innergallary-title br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__innergallary-title {
    font-size: 36px;
  }
}
.motivation__innergallary-headingright {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 150px;
}
@media only screen and (min-width: 1600px) {
  .box-layout .motivation__innergallary-headingright {
    gap: 80px;
  }
}
@media only screen and (max-width: 1700px) {
  .motivation__innergallary-headingright {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__innergallary-headingright {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.motivation__innergallary-text p {
  font-size: 18px;
  color: var(--white-14);
}
.light .motivation__innergallary-text p {
  color: var(--black-2);
}
.motivation__innergallary-list {
  padding-top: 30px;
  border-top: 1px solid var(--white);
}
.light .motivation__innergallary-list {
  border-color: var(--black-2);
}
.motivation__innergallary-list li {
  font-size: 18px;
  color: var(--white-14);
}
.motivation__innergallary-list li span {
  margin-right: 10px;
  display: inline-block;
  min-width: 30px;
}
.light .motivation__innergallary-list li {
  color: var(--black-2);
}
.motivation__innerTestimonial {
  padding-top: 140px;
  padding-bottom: 50px;
}
.motivation__innervideo {
  padding-inline-start: 15px;
  padding-inline-end: 15px;
}
.motivation__innervideo-shape {
  position: absolute;
  inset-inline-end: 200px;
  top: 70%;
  max-width: 145px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .motivation__innervideo-shape {
    position: unset;
    transform: translateY(0);
  }
}
.motivation__innervideo-header {
  max-width: 990px;
  position: relative;
  margin-inline-start: 540px;
}
@media only screen and (max-width: 1700px) {
  .motivation__innervideo-header {
    margin-inline-start: 340px;
  }
}
@media only screen and (max-width: 1399px) {
  .motivation__innervideo-header {
    margin-inline-start: 0;
  }
}
.motivation__innervideo-headerblog {
  max-width: 585px;
  margin: auto;
}
.motivation__innervideo-headerblog .motivation__innervideo-title {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .motivation__innervideo-headerblog .motivation__innervideo-title {
    padding-bottom: 0;
  }
}
.motivation__innervideo-headerblog p {
  font-size: 18px;
}
.motivation__innervideo-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .motivation__innervideo-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__innervideo-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innervideo-title {
    font-size: 36px;
  }
}
.motivation__innervideo-text p {
  font-size: 18px;
  color: var(--white-14);
}
.light .motivation__innervideo-text p {
  color: var(--black-2);
}
.motivation__innervideo-text-wrap {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  width: 160px;
  text-align: center;
  background-image: url(../imgs/inner/motivational/border-light.png);
  background-size: 100% 100%;
  padding: 20px 0px;
}
.light .motivation__innervideo-text-wrap {
  background-image: url(../imgs/inner/motivational/border.png);
}
@media only screen and (max-width: 767px) {
  .motivation__innervideo-text-wrap {
    top: 75%;
    padding: 20px;
  }
}
.motivation__innervideo-text-2 p {
  font-size: 14px;
  line-height: 1.2;
  color: var(--white);
  transform: rotate(20deg);
}
.light .motivation__innervideo-text-2 p {
  color: var(--black-2);
}
.motivation__innervideo-textWrap {
  max-width: 330px;
  margin-inline-start: 220px;
}
@media only screen and (max-width: 991px) {
  .motivation__innervideo-textWrap {
    margin-inline-start: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innervideo-textWrap {
    margin-inline-start: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-inline-start: unset;
  }
}
.motivation__videopagination {
  padding-top: 100px;
  display: flex;
  justify-content: right;
}
.motivation__videopagination-list {
  display: flex;
  gap: 14px;
}
.motivation__videopagination-list li a {
  width: 50px;
  height: 50px;
  font-size: 18px;
  color: var(--white-14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.motivation__videopagination-list li a:hover {
  color: var(--black-2);
  background: var(--white);
}
.motivation__videopagination-list li .next:hover {
  background: transparent;
}
.motivation__innerevent {
  padding-top: 130px;
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent-thumb {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-thumb {
    display: block;
  }
}
.motivation__innerevent-items {
  padding-top: 100px;
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent-items {
    padding-top: 50px;
  }
}
.motivation__innerevent-secTitle {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  text-align: center;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent-secTitle {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-secTitle {
    font-size: 40px;
  }
  .motivation__innerevent-secTitle br {
    display: none;
  }
}
.motivation__innerevent-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
}
.light .motivation__innerevent-title {
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .motivation__innerevent-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__innerevent-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-title {
    font-size: 30px;
  }
}
.motivation__innerevent-title2 {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  color: var(--white);
}
.light .motivation__innerevent-title2 {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-title2 {
    font-size: 50px;
  }
}
.motivation__innerevent-item {
  display: grid;
  grid-template-columns: 90px 515px 470px 470px auto;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid var(--white);
}
.light .motivation__innerevent-item {
  border-color: var(--black-2);
}
@media only screen and (max-width: 1700px) {
  .motivation__innerevent-item {
    grid-template-columns: 90px 409px 370px 332px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .motivation__innerevent-item {
    grid-template-columns: 80px 271px 326px 332px auto;
    gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__innerevent-item {
    grid-template-columns: 19px 183px 219px 332px auto;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent-item {
    grid-template-columns: 18px 210px 280px auto;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-item {
    grid-template-columns: 1fr;
  }
}
.motivation__innerevent-item:first-child {
  border-top: 1px solid var(--white);
}
.light .motivation__innerevent-item:first-child {
  border-color: var(--black-2);
}
.motivation__innerevent-count span {
  color: var(--white);
}
.light .motivation__innerevent-count span {
  color: var(--black-2);
}
.motivation__innerevent-content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  display: block;
  padding-bottom: 15px;
}
.light .motivation__innerevent-content span {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .motivation__innerevent-content span {
    padding-bottom: 10px;
  }
}
.motivation__innerevent-para {
  max-width: 330px;
}
.motivation__innerevent-btn {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .motivation__innerevent-btn {
    text-align: start;
  }
}
.motivation__innerevent-btn a {
  padding: 10px 20px;
  border-radius: 25px;
}
@media only screen and (max-width: 1199px) {
  .motivation__innerevent-btn a {
    padding: 10px;
  }
}
.dir-rtl .motivation__innerevent-btn a img {
  transform: rotate(180deg);
}
.motivation__ticket {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .motivation__ticket {
    padding-top: 50px;
  }
}
.motivation__ticket-topwrap {
  padding-bottom: 95px;
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-topwrap {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-topwrap {
    padding-bottom: 30px;
  }
}
.motivation__ticket-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
@media only screen and (max-width: 1199px) {
  .motivation__ticket-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-items {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.motivation__ticket-item {
  padding: 25px 30px;
  position: relative;
  overflow: hidden;
}
.motivation__ticket-item.bg-pink {
  background: #D7C5FC;
}
.motivation__ticket-item.bg-yellow {
  background: #F6D6C8;
}
.motivation__ticket-item.bg-green {
  background: #B4E0D0;
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-item {
    padding: 20px;
  }
}
.motivation__ticket-item::before {
  content: "";
  inset-inline-end: 160px;
  top: 15px;
  position: absolute;
  height: 100%;
  width: 1px;
  background-image: url("../imgs/inner/motivational/line-2.png");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-item::before {
    inset-inline-end: 35%;
  }
}
.motivation__ticket-item .circle-1, .motivation__ticket-item .circle-2 {
  position: absolute;
  inset-inline-end: 140px;
  top: -22px;
  height: 40px;
  width: 40px;
  background: var(--black-2);
  border-radius: 50px;
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-item .circle-1, .motivation__ticket-item .circle-2 {
    inset-inline-end: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-item .circle-1, .motivation__ticket-item .circle-2 {
    display: none;
  }
}
.motivation__ticket-item .circle-2 {
  bottom: 0;
  top: 93%;
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-item .circle-2 {
    display: none;
  }
}
.motivation__ticket-item .categ {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-2);
}
.motivation__ticket-item .title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.1;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-item .title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-item .title {
    font-size: 22px;
  }
}
.motivation__ticket-item .price {
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  color: var(--black-2);
}
.motivation__ticket-item .availble {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--black-2);
}
.motivation__ticket-item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: var(--black-2);
  padding-top: 25px;
}
.motivation__ticket-up {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-up {
    grid-template-columns: 1fr 0.4fr;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-up {
    gap: 20px;
  }
}
.motivation__ticket-upright {
  margin-inline-end: 22px;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .motivation__ticket-upright {
    margin-inline-end: 0;
  }
}
.motivation__ticket-upright::before {
  content: "";
  inset-inline-end: -20px;
  top: 100%;
  bottom: 0;
  position: absolute;
  height: 100%;
  width: 120%;
  background-image: url("../imgs/inner/motivational/line-3.png");
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .dir-rtl .motivation__ticket-upright::before {
    background-position: right 0;
    inset-inline-end: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-upright::before {
    display: none;
  }
}
.motivation__ticket-bottom {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .motivation__ticket-bottom {
    grid-template-columns: 1fr 0.4fr;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__ticket-bottom {
    gap: 20px;
  }
}
.motivation__ticket-link a {
  gap: 20px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  z-index: 1;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--black-2);
  position: relative;
}
.motivation__ticket-link a img {
  transition: all 0.3s;
}
.dir-rtl .motivation__ticket-link a img {
  transform: rotate(-90deg);
}
.motivation__ticket-link a:hover img {
  transform: rotate(45deg);
}
.light .motivation__ticket-link a:hover img {
  transform: rotate(-135deg);
}
.motivation__ticket-line1 {
  padding-top: 20px;
}
.motivation__shop {
  background-image: url("../imgs/inner/motivational/shopbg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}
.motivation__shop-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
  color: var(--white);
}
.light .motivation__shop-title {
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .motivation__shop-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__shop-title {
    font-size: 40px;
  }
}
.motivation__shop-btnwrap {
  padding-top: 30px;
}
.motivation__shop-btn {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .motivation__shop-btn {
    font-size: 20px;
  }
}
.motivation__shop-btn:hover {
  color: var(--white);
}
.motivation__shop-btn span {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: var(--black-2);
  display: block;
  padding-bottom: 5px;
  text-transform: capitalize;
}
.motivation__shop-content {
  padding-bottom: 30px;
}
.motivation__shop-thumb {
  text-align: right;
}
.motivation__shop-sign1 {
  position: absolute;
  top: 76px;
  inset-inline-end: 100px;
}
@media only screen and (max-width: 1919px) {
  .motivation__shop-sign1 {
    inset-inline-end: 0;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__shop-sign1 {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__shop-sign1 {
    inset-inline-end: 0;
    top: unset;
    bottom: 190px;
    z-index: 2;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__blogdetails .athletic__blogdetails-wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .motivation__blogdetails h3 {
    font-size: 24px;
  }
}
.motivation__blogdetails-wrapper {
  padding-bottom: 50px;
}
.motivation__blogdetails-title {
  font-weight: 500;
  font-size: 70px;
  line-height: 1;
}
@media only screen and (max-width: 1399px) {
  .motivation__blogdetails-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .motivation__blogdetails-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__blogdetails-title {
    font-size: 40px;
  }
}
.motivation__blogdetails-meta {
  display: flex;
  gap: 30px;
  padding-top: 10px;
  padding-bottom: 40px;
}
.motivation__blogdetails-meta li {
  color: var(--white);
  position: relative;
}
.light .motivation__blogdetails-meta li {
  color: var(--black-2);
}
.motivation__blogdetails-meta li:last-child::before {
  display: none;
}
.motivation__blogdetails-meta li::before {
  position: absolute;
  content: "";
  inset-inline-end: -13px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--white);
}
.light .motivation__blogdetails-meta li::before {
  background-color: var(--black-2);
}
.motivation__blogdetails-meta li i {
  padding-inline-end: 10px;
}
.motivation__blog {
  padding-bottom: 150px;
  overflow: hidden;
  margin-inline-start: 100px;
  margin-inline-end: 100px;
}
@media only screen and (max-width: 1399px) {
  .motivation__blog {
    margin-inline-start: 50px;
    margin-inline-end: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .motivation__blog {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .motivation__blog {
    padding-bottom: 50px;
  }
}

.light.speaker-header {
  border-color: var(--black-2);
}
.light.speaker-email__area .sec-title-16 {
  color: var(--black-2);
}
.light .speaker-hero__title {
  color: var(--black-2);
}
.light .speaker-hero__inner::after {
  background-color: var(--black-2);
}
.light .speaker-about__right .info p {
  color: var(--black-2);
}
.light .speaker-event__inner::before, .light .speaker-event__inner::after {
  background-color: var(--black-2);
}
.light .speaker-event__top {
  border-color: var(--black-2);
}
.light .speaker-event__top::after {
  background-color: var(--black-2);
}
.light .speaker-event__img, .light .speaker-event__people {
  border-color: var(--black-2);
}
.light .speaker-event__text {
  border-color: var(--black-2);
}
.light .speaker-event__text p {
  color: var(--black-2);
}
.light .speaker-event__info .count {
  color: var(--black-2);
}
.light .speaker-event__info p {
  color: var(--black-2);
}
.light .speaker-event__btm {
  border-color: var(--black-2);
}
.light .speaker-event__btm p {
  color: var(--black-2);
}
.light .speaker-event__btm img {
  filter: invert(1);
}
.light .speaker-event__slider .mid-line {
  background: var(--black-2);
}
.light .speaker-event__slider .swiper-pagination {
  color: var(--black-2);
}
.light .speaker-event__slider-wrap .ms-btn-next img,
.light .speaker-event__slider-wrap .ms-btn-prev img {
  filter: invert(1);
}
.light .speaker-quote__content p {
  color: var(--black-2);
}
.light .speaker-quote__content::before, .light .speaker-quote__content::after {
  filter: brightness(0);
}
.light .speaker-quote__content .speaker-name,
.light .speaker-quote__content .speaker-role {
  color: var(--black-2);
}
.light .speaker-interview__item .title {
  color: var(--black-2);
}
.light .speaker-book__list {
  border-color: var(--black-2);
}
.light .speaker-book__list::after {
  background-color: var(--black-2);
}
.light .speaker-book__item .purchase, .light .speaker-book__item-2 .purchase {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .speaker-book__item p, .light .speaker-book__item-2 p {
  color: var(--black-2);
}
.light .speaker-book__name {
  color: var(--black-2);
}
.light .speaker-partner__top::after, .light .speaker-partner__top::before {
  background-color: var(--black-2);
}
.light .speaker-partner__top p {
  color: var(--black-2);
}
.light .speaker-blog__top .info p {
  color: var(--black-2);
}
.light .speaker-blog__top .info a {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .speaker-blog__top .info a img {
  filter: brightness(0);
}
.light .speaker-blog__title {
  color: var(--black-2);
}
.light .speaker-blog__item p {
  color: var(--black-2);
}
.light .speaker-blog__item p span {
  background-color: var(--black-2);
}
.light .speaker-blog__item p a {
  color: var(--black-2);
}
.light .speaker-instagram__text a {
  color: var(--black-2);
  border-color: var(--black-2);
}

.health-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 15px;
}
.health-header__area {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 1390px;
  z-index: 3;
  padding: 0 50px;
  background: var(--green);
  transform: translateX(-50%);
}
@media only screen and (max-width: 1399px) {
  .health-header__area {
    width: 1330px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-header__area {
    top: 20px;
    width: 1000px;
    padding: 8px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .health-header__area {
    width: 740px;
  }
}
@media only screen and (max-width: 767px) {
  .health-header__area {
    width: 360px;
    padding: 10px 15px;
  }
}
.health-header__area-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--green);
}
@media only screen and (max-width: 991px) {
  .health-header__area-2 {
    padding-top: 20px;
  }
}
.light .health-header__area-2 {
  background-color: var(--white-15);
}
.health-header__inner {
  display: grid;
  grid-gap: 20px;
  align-items: center;
  grid-template-columns: 1fr 3fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .health-header__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.health-header__logo img {
  max-width: 100px;
}
@media only screen and (max-width: 1199px) {
  .health-header__menu {
    display: none;
  }
}
.health-header__menu .main-menu > ul {
  justify-content: center;
}
.health-header__menu .main-menu > ul > li > a {
  font-size: 14px;
  padding: 32px 20px;
  color: var(--white-15);
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .health-header__menu-2 {
    display: none;
  }
}
.health-header__menu-2 .main-menu > ul {
  justify-content: center;
}
.health-header__menu-2 .main-menu > ul > li > a {
  font-size: 14px;
  padding: 30px 20px;
  color: var(--white-15);
  text-transform: uppercase;
}
.light .health-header__menu-2 .main-menu > ul > li > a {
  color: var(--green-6);
}
.health-header__cart {
  gap: 40px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .health-header__cart {
    gap: 20px;
  }
}
.health-header__cart a {
  color: var(--white-15);
  display: inline-block;
  padding: 11px 20px;
  border: 1px solid var(--white-15);
  border-radius: 50px;
  text-transform: uppercase;
  word-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .health-header__cart a {
    padding: 0;
    border: none;
  }
}
.health-header__cart a span {
  width: 25px;
  height: 25px;
  padding: 3px 5px;
  font-size: 14px;
  display: inline-block;
  border-radius: 100px;
  color: var(--green);
  background-color: var(--white-15);
}
@media only screen and (max-width: 767px) {
  .health-header__cart a i {
    display: none;
  }
}
.health-header__cart-2 {
  gap: 40px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .health-header__cart-2 {
    gap: 20px;
  }
}
.health-header__cart-2 a {
  color: var(--white-15);
  display: inline-block;
  padding: 11px 20px;
  border: 1px solid var(--white-15);
  border-radius: 50px;
  text-transform: uppercase;
  word-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .health-header__cart-2 a {
    padding: 0;
    border: none;
  }
}
.light .health-header__cart-2 a {
  color: var(--green-6);
  border-color: var(--green-6);
}
.health-header__cart-2 a span {
  width: 25px;
  height: 25px;
  padding: 3px 5px;
  font-size: 14px;
  display: inline-block;
  border-radius: 100px;
  color: var(--green);
  background-color: var(--white-15);
}
.light .health-header__cart-2 a span {
  color: var(--white-15);
  background-color: var(--green-6);
}
@media only screen and (max-width: 767px) {
  .health-header__cart-2 a i {
    display: none;
  }
}
.health-hero__area {
  padding-top: 260px;
  padding-bottom: 175px;
  background-color: var(--green-2);
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .health-hero__area {
    padding-top: 220px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-hero__area {
    padding-top: 180px;
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .health-hero__area {
    padding-top: 160px;
  }
}
.health-hero__shape {
  position: absolute;
  bottom: 290px;
  left: 33%;
}
@media only screen and (max-width: 1919px) {
  .health-hero__shape {
    left: 28%;
  }
}
@media only screen and (max-width: 1399px) {
  .health-hero__shape {
    bottom: 260px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-hero__shape {
    bottom: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .health-hero__shape {
    bottom: 80px;
  }
}
.dir-rtl .health-hero__shape {
  left: 66%;
}
.health-hero__inner {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .health-hero__inner {
    grid-template-columns: 1fr;
  }
}
.health-hero__right {
  position: absolute;
  width: 48%;
  height: 100%;
  top: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .health-hero__right {
    position: unset;
    width: 100%;
    height: auto;
  }
}
.dir-rtl .health-hero__right {
  right: unset;
  left: 0;
}
.health-hero__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.health-hero__text p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-15);
  max-width: 270px;
}
.health-hero__rating {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-15);
  padding-bottom: 10px;
}
.light .health-hero__rating {
  color: var(--white-15);
}
.health-hero__rating i {
  font-size: 14px;
  margin-left: 2px;
  margin-right: 10px;
  color: var(--yellow-4);
}
.dir-rtl .health-hero__rating i {
  margin-left: 10px;
  margin-right: 3px;
}
.health-hero__left .creator-hero__imgs .last,
.health-hero__left .creator-hero__imgs img {
  width: 50px;
  height: 50px;
  background: var(--green-9);
  border-color: var(--green-2);
}
.dir-rtl .health-hero__left .creator-hero__imgs .last,
.dir-rtl .health-hero__left .creator-hero__imgs img {
  margin-right: unset;
  margin-left: -20px;
}
.health-hero__title {
  font-weight: 400;
  font-size: 130px;
  line-height: 0.85;
  color: var(--white-15);
}
@media only screen and (max-width: 1399px) {
  .health-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-hero__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .health-hero__title {
    font-size: 60px;
  }
}
.light .health-hero__title {
  color: var(--white-15);
}
.health-hero__title a {
  font-family: "euclid_Circular_B";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--white-15);
  display: inline-block;
  border: 2px solid var(--white-15);
  padding: 10px 25px;
  border-radius: 50px;
  text-align: center;
  position: relative;
  top: -18px;
}
@media only screen and (max-width: 1199px) {
  .health-hero__title a {
    top: -8px;
    padding: 8px 24px;
  }
}
@media only screen and (max-width: 991px) {
  .health-hero__title a {
    top: 0;
    padding: 3px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .health-hero__title a br {
    display: block;
  }
}
.health-fitness__area {
  background-color: var(--green);
  position: relative;
}
.health-fitness__leaf {
  position: absolute;
  max-width: 300px;
  top: -90px;
  left: 60px;
  z-index: 0;
}
@media only screen and (max-width: 1199px) {
  .health-fitness__leaf {
    left: 30px;
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .health-fitness__leaf {
    max-width: 150px;
  }
}
.health-fitness__inner .sec-title-wrap {
  text-align: center;
}
.health-fitness__list {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1199px) {
  .health-fitness__list {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .health-fitness__list {
    grid-gap: 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .health-fitness__list {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}
.health-fitness__item {
  text-align: center;
}
.health-fitness__thumb {
  position: relative;
  transition: all 0.5s;
}
.health-fitness__thumb:hover .info {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}
.health-fitness__thumb .info {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  padding: 10px 15px;
  background-color: var(--green);
  transform: translate(-50%, -30%);
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.health-fitness__thumb .info p {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--white-15);
}
.health-fitness__duration {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
}
.health-fitness__title {
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
  transition: all 0.3s;
}
.light .health-fitness__title {
  color: var(--green-6);
}
@media only screen and (max-width: 1199px) {
  .health-fitness__title {
    font-size: 32px;
  }
}
.health-fitness__title:hover {
  color: var(--primary);
}
.health-about__area {
  background-color: var(--green);
  position: relative;
}
.health-about__leaf {
  position: absolute;
  bottom: 200px;
  left: 140px;
  max-width: 300px;
}
@media only screen and (max-width: 1919px) {
  .health-about__leaf {
    left: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .health-about__leaf {
    left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-about__leaf {
    bottom: 0;
    max-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__leaf {
    display: none;
  }
}
.health-about__leaf-2 {
  position: absolute;
  right: 0;
  bottom: 140px;
  max-width: 250px;
}
@media only screen and (max-width: 1199px) {
  .health-about__leaf-2 {
    max-width: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .health-about__leaf-2 {
    bottom: 80px;
    max-width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__leaf-2 {
    bottom: 0;
    max-width: 100px;
  }
}
.health-about__left {
  padding-left: 110px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .health-about__left {
    padding-left: 0;
  }
}
.dir-rtl .health-about__left {
  padding-left: 0;
  padding-right: 110px;
}
.health-about__right {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .health-about__right {
    padding-top: 90px;
  }
}
.health-about__text {
  max-width: 480px;
}
.health-about__text p {
  font-size: 18px;
  color: var(--white-15);
  position: relative;
  z-index: 5;
}
.health-about__circle {
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 9;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .health-about__circle {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__circle {
    right: 50%;
    top: 100%;
    transform: translate(50%, -50%);
  }
}
.dir-rtl .health-about__circle {
  right: unset;
  left: 60px;
}
.health-about__circle .subscribe-circle {
  background-color: var(--green-5);
}
.light .health-about__circle .subscribe-circle {
  background-color: var(--green);
}
.health-about__hero {
  position: relative;
  background-color: var(--green);
}
.light .health-about__hero {
  background-color: var(--white-15);
}
.health-about__hero-leaf {
  position: absolute;
  top: 160px;
  left: 80px;
  max-width: 330px;
  z-index: 0;
}
@media only screen and (max-width: 1919px) {
  .health-about__hero-leaf {
    left: 30px;
    max-width: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .health-about__hero-leaf {
    top: 150px;
    left: 0;
    max-width: 180px;
  }
}
.health-about__hero-circle {
  position: absolute;
  left: 50%;
  z-index: 3;
  top: 34%;
}
.health-about__hero-circle .subscribe-circle {
  background-color: var(--green-6);
}
.health-about__hero-title {
  font-weight: 400;
  font-size: 130px;
  line-height: 0.9;
  text-align: center;
  color: var(--white-15);
}
@media only screen and (max-width: 1399px) {
  .health-about__hero-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-about__hero-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .health-about__hero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__hero-title {
    font-size: 50px;
  }
}
.health-about__hero-gallery {
  display: grid;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr 1.1fr 1fr 0.7fr;
}
@media only screen and (max-width: 1199px) {
  .health-about__hero-gallery {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__hero-gallery {
    grid-template-columns: 1fr;
  }
}
.health-about__hero-btm {
  max-width: 480px;
  margin-left: auto;
  margin-right: 130px;
}
@media only screen and (max-width: 767px) {
  .health-about__hero-btm {
    margin-right: 0;
  }
}
.dir-rtl .health-about__hero-btm {
  margin-right: auto;
  margin-left: 130px;
}
@media only screen and (max-width: 767px) {
  .dir-rtl .health-about__hero-btm {
    margin-left: 0;
  }
}
.health-about__hero-text p {
  font-size: 18px;
  color: var(--white-15);
}
.health-about__story {
  position: relative;
  background-color: var(--green);
}
.light .health-about__story {
  background-color: var(--white-15);
}
.light .health-about__story .dancer__abouthow-wrapper::before {
  background-color: var(--pink-7);
}
@media only screen and (max-width: 767px) {
  .health-about__story .dancer__abouthow-item {
    padding-bottom: 30px;
  }
}
.health-about__story .dancer__abouthow-count {
  font-family: "Overlock", cursive;
  background: var(--green-6);
  color: var(--white-15);
  width: 70px;
  border: 1px solid var(--green-5);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -118px;
}
@media only screen and (max-width: 1399px) {
  .health-about__story .dancer__abouthow-count {
    right: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-about__story .dancer__abouthow-count {
    right: -125px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__story .dancer__abouthow-count {
    right: 50%;
    top: -85px;
  }
}
.dir-rtl .health-about__story .dancer__abouthow-count {
  right: unset;
  left: -118px;
}
@media only screen and (max-width: 1399px) {
  .dir-rtl .health-about__story .dancer__abouthow-count {
    left: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .health-about__story .dancer__abouthow-count {
    left: -125px;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .health-about__story .dancer__abouthow-count {
    left: unset;
    right: 50%;
    top: -85px;
  }
}
.health-about__story .dancer__abouthow-count::before {
  right: 90px;
  background-color: var(--white-15);
}
.light .health-about__story .dancer__abouthow-count::before {
  background-color: var(--green-6);
}
.dir-rtl .health-about__story .dancer__abouthow-count::before {
  right: unset;
  left: 90px;
}
.health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
  left: -118px;
}
@media only screen and (max-width: 1399px) {
  .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    left: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    left: -125px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    left: unset;
  }
}
.dir-rtl .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
  left: unset;
  right: -118px;
}
@media only screen and (max-width: 1399px) {
  .dir-rtl .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    right: -85px;
  }
}
@media only screen and (max-width: 1199px) {
  .dir-rtl .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    right: -125px;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count {
    right: 50%;
  }
}
.health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count::before {
  left: 100px;
}
.dir-rtl .health-about__story .dancer__abouthow-item:nth-child(even) .dancer__abouthow-count::before {
  left: unset;
  right: 100px;
}
.health-about__story .dancer__abouthow-since {
  color: var(--white-15);
}
.health-about__story .dancer__abouthow-ititle {
  color: var(--white-15);
  font-family: "euclid_Circular_B";
}
.health-about__story .dancer__abouthow-idis p {
  color: var(--white-15);
}
.light .health-about__story .dancer__abouthow-idis p {
  color: var(--green-6);
}
.health-about__story .sec-title-wrap {
  text-align: center;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .health-about__story .sec-title-wrap {
    padding-bottom: 120px;
  }
}
.health-about__story-text p {
  font-size: 18px;
  color: var(--white-15);
}
.health-about__story-shape {
  position: absolute;
  max-width: 265px;
  right: 0;
  top: 10%;
}
@media only screen and (max-width: 991px) {
  .health-about__story-shape {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .health-about__story-shape {
    display: none;
  }
}
.health-choose__area {
  position: relative;
  background-color: var(--green);
}
.health-choose__shape {
  position: absolute;
  left: 57%;
  top: 200px;
}
@media only screen and (max-width: 991px) {
  .health-choose__shape {
    left: 75%;
    top: 120px;
  }
}
.dir-rtl .health-choose__shape {
  left: 30%;
}
.health-choose__leaf {
  position: absolute;
  top: 0;
  left: 45%;
  z-index: 0;
  max-width: 290px;
}
@media only screen and (max-width: 767px) {
  .health-choose__leaf {
    max-width: 150px;
  }
}
.health-choose__grid {
  display: grid;
  grid-gap: 90px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .health-choose__grid {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .health-choose__grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .health-choose__grid {
    grid-gap: 50px 30px;
    grid-template-columns: 1fr;
  }
}
.health-choose__item {
  position: relative;
}
.health-choose__item:first-child::after {
  display: none;
}
.dir-rtl .health-choose__item:first-child::after {
  display: block;
}
.dir-rtl .health-choose__item:last-child::after {
  display: none;
}
.health-choose__item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: -45px;
  background-color: var(--green-5);
}
@media only screen and (max-width: 1199px) {
  .health-choose__item::after {
    left: -25px;
  }
}
@media only screen and (max-width: 991px) {
  .health-choose__item::after {
    left: -15px;
  }
}
.health-textslider__area {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: var(--green-3);
}
.health__textslider .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--green-6);
  text-transform: capitalize;
}
.health-gallery__area {
  padding-left: 40px;
  position: relative;
  background-color: var(--green);
}
@media only screen and (max-width: 991px) {
  .health-gallery__area {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .health-gallery__area {
    padding-right: 15px;
  }
}
.health-gallery__area .sec-title-wrap {
  text-align: center;
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .health-gallery__area .sec-title-wrap {
    padding-bottom: 50px;
  }
}
.health-gallery__leaf {
  position: absolute;
  top: 30%;
  left: 42%;
  max-width: 320px;
}
@media only screen and (max-width: 1199px) {
  .health-gallery__leaf {
    max-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .health-gallery__leaf {
    display: none;
  }
}
.health-gallery__flex {
  gap: 120px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1919px) {
  .health-gallery__flex {
    gap: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-gallery__flex {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .health-gallery__flex {
    gap: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .health-gallery__flex {
    gap: 40px;
    flex-wrap: wrap;
  }
}
.health-gallery__item {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .health-gallery__item {
    gap: 15px;
  }
}
.health-gallery__item:nth-child(even) {
  flex-direction: column-reverse;
}
@media only screen and (max-width: 767px) {
  .health-gallery__item:nth-child(even) {
    flex-direction: column;
  }
}
.health-gallery__title {
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
}
@media only screen and (max-width: 1199px) {
  .health-gallery__title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .health-gallery__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .health-gallery__title {
    font-size: 30px;
  }
}
.health-testimonial__area {
  background-color: var(--green-7);
  position: relative;
}
.health-testimonial__area::before {
  position: absolute;
  content: "";
  width: 185px;
  height: 185px;
  right: 290px;
  bottom: 70px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.15);
}
.health-testimonial__area::after {
  position: absolute;
  content: "";
  width: 530px;
  height: 530px;
  left: 368px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.15);
}
@media only screen and (max-width: 1199px) {
  .health-testimonial__area::after {
    left: 30px;
  }
}
.health-testimonial__image {
  position: absolute;
  left: 50px;
  top: 40px;
  max-width: 250px;
}
@media only screen and (max-width: 1399px) {
  .health-testimonial__image {
    max-width: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-testimonial__image {
    max-width: 140px;
    left: 10px;
    top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .health-testimonial__image {
    display: none;
  }
}
.health-testimonial__image-2 {
  position: absolute;
  left: 25%;
  bottom: 0;
  max-width: 180px;
}
@media only screen and (max-width: 1199px) {
  .health-testimonial__image-2 {
    left: 15%;
  }
}
@media only screen and (max-width: 991px) {
  .health-testimonial__image-2 {
    max-width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .health-testimonial__image-2 {
    display: none;
  }
}
.health-testimonial__image-3 {
  position: absolute;
  right: 175px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 220px;
}
@media only screen and (max-width: 1919px) {
  .health-testimonial__image-3 {
    right: 70px;
  }
}
@media only screen and (max-width: 1399px) {
  .health-testimonial__image-3 {
    right: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-testimonial__image-3 {
    right: 20px;
    top: unset;
    bottom: 20px;
    transform: unset;
    max-width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .health-testimonial__image-3 {
    display: none;
  }
}
.health-testimonial__slider-wrap {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .health-testimonial__slider-wrap .creator-testimonial__slider {
    max-width: 100%;
  }
}
.health-testimonial__arrow {
  width: 230px;
  display: flex;
  gap: 90px;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 70px;
}
@media only screen and (max-width: 991px) {
  .health-testimonial__arrow {
    gap: 30px;
    width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .health-testimonial__arrow {
    margin-top: 50px;
  }
}
.dir-rtl .health-testimonial__arrow img {
  transform: rotate(180deg);
}
.health-testimonial__slide {
  text-align: center;
}
.health-testimonial__slide p {
  font-style: italic;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  padding-bottom: 45px;
  color: var(--green-6);
  font-family: "Overlock", cursive;
}
@media only screen and (max-width: 991px) {
  .health-testimonial__slide p {
    font-size: 24px;
  }
}
.health-testimonial__slide .client-name {
  font-size: 36px;
  font-weight: 400;
  padding-bottom: 5px;
  color: var(--green-6);
  font-family: "Overlock", cursive;
}
.health-testimonial__slide .client-role {
  font-size: 14px;
  font-weight: 400;
  color: var(--green-6);
}
.health-blog__area {
  background-color: var(--green);
  position: relative;
}
.health-blog__leaf {
  position: absolute;
  left: 43%;
  top: 60px;
  max-width: 300px;
  z-index: 0;
}
@media only screen and (max-width: 1199px) {
  .health-blog__leaf {
    max-width: 220px;
  }
}
.health-blog__info {
  max-width: 400px;
}
.health-blog__info a {
  font-size: 18px;
  text-transform: unset;
  color: var(--white-15);
}
.light .health-blog__info a {
  color: var(--green-6);
}
.health-blog__info a:hover {
  color: var(--primary);
}
.dir-rtl .health-blog__info a i {
  transform: rotate(180deg);
}
.health-blog__inner-text p {
  font-size: 18px;
  color: var(--white-15);
}
.light .health-blog__inner-text p {
  color: var(--green-6);
}
.health-blog__text p {
  font-size: 18px;
  color: var(--white-15);
}
.light .health-blog__text p {
  color: var(--green-6);
}
.health-blog__top {
  gap: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .health-blog__top {
    flex-wrap: wrap;
    padding-top: 30px;
  }
}
.health-blog__top-2 {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.health-blog__top-3 {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .health-blog__top-3 {
    padding-bottom: 50px;
    background-color: var(--green-6);
  }
}
@media only screen and (max-width: 767px) {
  .health-blog__top-3 .image {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 40px;
  }
}
.health-blog__top-3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.health-blog__top-3 .content {
  position: absolute;
  max-width: 1120px;
  bottom: 100px;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .health-blog__top-3 .content {
    bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .health-blog__top-3 .content {
    bottom: unset;
    position: relative;
  }
}
.health-blog__top-3 .cat {
  color: #F3F0E4;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  border-radius: 6px;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: capitalize;
  background: rgba(243, 240, 228, 0.25);
}
.health-blog__top-3 .title {
  color: #F3F0E4;
  font-family: Overlock;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  .health-blog__top-3 .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .health-blog__top-3 .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .health-blog__top-3 .title {
    font-size: 40px;
  }
}
.health-blog__top-3 p {
  color: #F3F0E4;
  font-size: 12px;
  font-weight: 400;
  padding-top: 20px;
}
.health-blog__top-3 p span {
  position: relative;
  display: inline-block;
  width: 30px;
}
.health-blog__top-3 p span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: -3px;
  background: var(--white);
  height: 1px;
  width: 20px;
}
.health-blog__ititle {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--white-15);
  display: inline-block;
  padding-bottom: 35px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .health-blog__ititle {
    font-size: 24px;
  }
}
.health-blog__ititle::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  left: 0;
  bottom: 10px;
  background-color: var(--white-15);
}
.health-blog__ititle:hover {
  color: var(--white-16);
}
.health-blog__btm {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .health-blog__btm {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .health-blog__btm {
    grid-template-columns: 1fr;
  }
}
.health-blog__item {
  position: relative;
}
.health-blog__item .content {
  position: absolute;
  width: 380px;
  right: 0;
  top: 50%;
  padding: 60px 45px;
  z-index: 1;
  background: var(--green);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .health-blog__item .content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .health-blog__item .content {
    width: 330px;
  }
}
.dir-rtl .health-blog__item .content {
  right: unset;
  left: 0;
}
.health-blog__item p {
  font-size: 14px;
  color: var(--white-15);
  margin-top: 35px;
  padding-top: 5px;
  position: relative;
}
.health-blog__item p::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 1px;
  left: 0;
  top: 0;
  background-color: var(--white-15);
}
.dir-rtl .health-blog__item p::before {
  left: unset;
  right: 0;
}
.health-blog__title {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  color: var(--white-15);
  transition: all 0.3s;
}
.light .health-blog__title {
  color: var(--green-6);
}
.health-blog__title:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .health-blog__title {
    font-size: 32px;
  }
}
.health-blog__pagination li {
  display: inline-block;
}
.health-blog__pagination li a {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white-15);
  width: 50px;
  height: 50px;
  line-height: 52px;
  text-align: center;
  display: inline-block;
  background-color: transparent;
}
.light .health-blog__pagination li a {
  color: var(--green-6);
}
.health-blog__pagination li a:hover {
  color: var(--primary);
}
.health-blog__pagination li a.active {
  color: var(--green-6);
  background-color: var(--white-15);
}
.light .health-blog__pagination li a.active {
  color: var(--white-15);
  background-color: var(--green-6);
}
.health-partner__area {
  background-color: var(--green);
}
.health-partner__area .brand_logo_slider {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid var(--green-8);
  border-bottom: 1px solid var(--green-8);
}
.health-partner__area .brand__logo img {
  max-width: 180px;
}
.health-product__area {
  background-color: var(--green);
}
.health-product__area .sec-title-wrap {
  text-align: center;
}
.health-product__list {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .health-product__list {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-product__list {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .health-product__list {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .health-product__list {
    grid-template-columns: 1fr;
  }
}
.health-product__thumb {
  position: relative;
  overflow: hidden;
}
.health-product__thumb:hover .buy-now {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.health-product__thumb img {
  width: 100%;
}
.health-product__thumb .buy-now {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  display: block;
  padding: 13px 20px;
  text-align: center;
  color: var(--green-6);
  background: var(--green-9);
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
@media only screen and (max-width: 1199px) {
  .health-product__thumb .buy-now {
    opacity: 1;
    visibility: visible;
    bottom: 0;
  }
}
.health-product__title {
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  color: var(--white-15);
  transition: all 0.3s;
}
.light .health-product__title {
  color: var(--green-6);
}
@media only screen and (max-width: 1199px) {
  .health-product__title {
    font-size: 24px;
  }
}
.health-product__title:hover {
  color: var(--primary);
}
.health-product__content {
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .health-product__content {
    padding-top: 20px;
  }
}
.health-product__content p {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  padding-top: 10px;
  color: var(--white-15);
  font-family: "Overlock", cursive;
}
.health-product__btn {
  text-align: center;
}
.health-product__btn a {
  font-size: 18px;
  color: var(--green-6);
  background-color: var(--white-15);
}
.health-journey__area {
  padding-top: 240px;
  padding-bottom: 210px;
  background-image: url(../imgs/health/journey.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 1399px) {
  .health-journey__area {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .health-journey__area {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
.health-journey__inner {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .health-journey__inner {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .health-journey__inner {
    gap: 30px;
    flex-direction: column;
  }
}
.health-journey__left .sec-title-17 {
  font-size: 120px;
  line-height: 0.8;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 1199px) {
  .health-journey__left .sec-title-17 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .health-journey__left .sec-title-17 {
    font-size: 60px;
  }
}
.light .health-journey__left .sec-title-17 {
  color: var(--white-15);
}
@media only screen and (max-width: 767px) {
  .health-journey__mid {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .health-journey__mid img {
    max-width: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .health-journey__mid img {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .health-journey__mid img {
    max-width: 100%;
  }
}
.dir-rtl .health-journey__mid img {
  transform: rotate(180deg);
}
.health-journey__right {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .health-journey__right {
    margin-inline-end: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .health-journey__right {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1919px) {
  .dir-rtl .health-journey__right {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .dir-rtl .health-journey__right {
    padding-left: 0;
  }
}
.health-journey__right .discount-btn {
  color: var(--green-6);
  background-color: var(--white-15);
}
.health-journey__btn .wc-btn-primary {
  font-size: 18px;
  padding: 20px 36px;
  color: var(--green-6);
  background-color: var(--white-15);
}
.health-journey__btn .wc-btn-primary:hover {
  color: var(--white);
}
.health-journey__btn .wc-btn-primary::after {
  background-color: var(--black-2);
}
.health-journey__offer {
  position: absolute;
  right: -80px;
  top: -220px;
}
@media only screen and (max-width: 1919px) {
  .health-journey__offer {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .health-journey__offer {
    position: unset;
  }
}
.dir-rtl .health-journey__offer {
  right: unset;
  left: -80px;
}
@media only screen and (max-width: 1919px) {
  .dir-rtl .health-journey__offer {
    left: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .dir-rtl .health-journey__offer {
    position: unset;
  }
}
.health-faq__list {
  max-width: 1070px;
  margin: 0 auto;
  border-top: 1px solid var(--white-15);
  position: relative;
  z-index: 1;
}
.light .health-faq__list {
  border-color: var(--green-6);
}
.health-faq__list .accordion-button {
  gap: 75px;
  font-size: 24px;
  border-color: var(--green-8);
  border: 0;
  color: var(--white);
  padding: 22px 0;
  background-color: transparent;
  text-align: start;
}
.light .health-faq__list .accordion-button {
  color: var(--black-2);
}
.health-faq__list .accordion-button:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.health-faq__list .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .health-faq__list .accordion-button {
    gap: 30px;
  }
}
.health-faq__list .accordion-button::after {
  background-image: none;
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  inset-inline-end: 0;
  transform: unset;
  transition: all 0.5s;
  font-size: 18px;
}
.light .health-faq__list .accordion-button::after {
  color: var(--green-6);
}
.dir-rtl .health-faq__list .accordion-button::after {
  margin-left: unset;
  margin-inline-end: auto;
}
.health-faq__list .accordion-button:not(.collapsed) {
  border-color: transparent !important;
  box-shadow: none;
}
.health-faq__list .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.health-faq__list .accordion-button span {
  font-size: 24px;
  display: inline-block;
  font-family: "newYork";
  text-transform: uppercase;
}
.health-faq__list .accordion-item {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--green-8);
}
.light .health-faq__list .accordion-item {
  border-color: var(--pink-7);
}
.health-faq__list .accordion-item p {
  font-size: 18px;
  padding-inline-end: 30px;
  color: var(--white-15);
}
.light .health-faq__list .accordion-item p {
  color: var(--green-6);
}
@media only screen and (max-width: 767px) {
  .health-faq__list .accordion-item p {
    padding-inline-end: 0;
  }
}
.health-faq__list .accordion-body {
  gap: 60px;
  display: flex;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .health-faq__list .accordion-body {
    gap: 18px;
  }
}
.health-faq__list .accordion-body span {
  font-size: 45px;
  display: inline-block;
  color: var(--white-15);
  text-transform: uppercase;
  font-family: "newYork";
  max-width: 105px;
}
.light .health-faq__list .accordion-body span {
  color: var(--green-6);
}
.health-faq__area {
  background-color: var(--green);
  position: relative;
}
.health-faq__area .sec-title-wrap {
  text-align: center;
}
.health-faq__leaf {
  position: absolute;
  left: 20px;
  top: 170px;
  z-index: 0;
  max-width: 280px;
}
@media only screen and (max-width: 1919px) {
  .health-faq__leaf {
    top: 15px;
    left: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .health-faq__leaf {
    max-width: 230px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-faq__leaf {
    max-width: 190px;
  }
}
@media only screen and (max-width: 991px) {
  .health-faq__leaf {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .health-faq__leaf {
    max-width: 100px;
  }
}
.health-faq__leaf-2 {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  max-width: 180px;
  z-index: 0;
}
@media only screen and (max-width: 1199px) {
  .health-faq__leaf-2 {
    max-width: 150px;
  }
}
.health-faq__btm {
  text-align: center;
}
.health-faq__btm p {
  font-size: 18px;
  padding: 7px 24px;
  border-radius: 30px;
  color: var(--white-15);
  display: inline-block;
  background-color: var(--green-8);
}
.health-faq__btm p a {
  line-height: 1;
  display: inline-block;
  color: var(--white-15);
  border-bottom: 1px solid currentColor;
}
.health-faq__btm p a:hover {
  color: var(--primary);
}
.health-instagram__area {
  padding-bottom: 65px;
  background-color: var(--green);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .health-instagram__area {
    padding-bottom: 90px;
  }
}
.health-instagram__area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 280px;
  left: 0;
  bottom: 0;
  background-color: var(--green-3);
}
@media only screen and (max-width: 1199px) {
  .health-instagram__area::after {
    height: 180px;
  }
}
.health-instagram__area .sec-title-wrap {
  text-align: center;
}
.health-instagram__link a {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  padding-top: 3px;
  display: inline-block;
  color: var(--white-15);
}
.light .health-instagram__link a {
  color: var(--green-6);
}
.health-instagram__link a:hover {
  color: var(--primary);
}
.health-instagram__grid {
  display: grid;
  grid-gap: 60px;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .health-instagram__grid {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .health-instagram__grid {
    grid-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .health-instagram__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .health-instagram__item:last-child {
    display: none;
  }
}
.health-instagram__item:nth-child(even) {
  padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .health-instagram__item:nth-child(even) {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .health-instagram__item:nth-child(even) {
    padding-top: 0px;
  }
}
.health-footer__area {
  padding-top: 60px;
  background-color: var(--green-6);
  position: relative;
}
.health-footer__flower {
  position: absolute;
  left: 0;
  top: -230px;
  max-width: 265px;
}
@media only screen and (max-width: 1199px) {
  .health-footer__flower {
    top: -210px;
    max-width: 120px;
  }
}
.health-footer__top {
  padding-bottom: 60px;
  border-bottom: 1px solid var(--green-8);
}
.health-footer__top-wrap {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 0.75fr 0.75fr 1.3fr;
}
@media only screen and (max-width: 991px) {
  .health-footer__top-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .health-footer__top-wrap {
    gap: 40px;
    grid-template-columns: 1fr;
  }
}
.health-footer__btm {
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}
.health-footer__btm p {
  font-size: 18px;
  color: var(--white-15);
}
.health-footer__btm p a {
  color: var(--white-15);
}
.health-footer__btm p a:hover {
  color: var(--green-2);
}
.health-footer__logo {
  z-index: 2;
  position: relative;
}
.health-footer__logo img {
  margin-bottom: 25px;
  max-width: 100px;
}
.health-footer__menu li {
  padding-bottom: 5px;
}
.health-footer__menu li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-15);
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .health-footer__subscribe {
    grid-column: 1/-1;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .health-footer__subscribe {
    margin-top: 0;
  }
}
.health-footer__subscribe p {
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  font-style: italic;
  color: var(--white-15);
  padding-top: 12px;
}
.health-footer__subscribe form {
  position: relative;
}
.health-footer__subscribe .submit {
  position: absolute;
  right: 0;
  top: 8px;
}
.dir-rtl .health-footer__subscribe .submit {
  right: unset;
  left: 0;
  transform: rotate(-90deg);
}
.health-footer__subscribe input[type=email], .health-footer__subscribe .cf-details-comment__field textarea[type=email], .cf-details-comment__field .health-footer__subscribe textarea[type=email], .health-footer__subscribe .dt-inap__appointment textarea[type=email], .dt-inap__appointment .health-footer__subscribe textarea[type=email], .health-footer__subscribe .elc-inbd-comment__field textarea[type=email], .elc-inbd-comment__field .health-footer__subscribe textarea[type=email] {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--white-15);
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 15px 50px 10px 0;
  border-bottom: 1px solid var(--white-15);
}
.health-footer__subscribe input[type=email]::-moz-placeholder, .health-footer__subscribe .cf-details-comment__field textarea[type=email]::-moz-placeholder, .cf-details-comment__field .health-footer__subscribe textarea[type=email]::-moz-placeholder, .health-footer__subscribe .dt-inap__appointment textarea[type=email]::-moz-placeholder, .dt-inap__appointment .health-footer__subscribe textarea[type=email]::-moz-placeholder, .health-footer__subscribe .elc-inbd-comment__field textarea[type=email]::-moz-placeholder, .elc-inbd-comment__field .health-footer__subscribe textarea[type=email]::-moz-placeholder {
  opacity: 1;
  color: var(--white-15);
}
.health-footer__subscribe input[type=email]::placeholder, .health-footer__subscribe .cf-details-comment__field textarea[type=email]::placeholder, .cf-details-comment__field .health-footer__subscribe textarea[type=email]::placeholder, .health-footer__subscribe .dt-inap__appointment textarea[type=email]::placeholder, .dt-inap__appointment .health-footer__subscribe textarea[type=email]::placeholder, .health-footer__subscribe .elc-inbd-comment__field textarea[type=email]::placeholder, .elc-inbd-comment__field .health-footer__subscribe textarea[type=email]::placeholder {
  opacity: 1;
  color: var(--white-15);
}
.health-subscribe__title {
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
  font-family: "Overlock", cursive;
  padding-bottom: 15px;
}
.health-plan__area {
  background-color: var(--green);
}
.light .health-plan__area {
  background-color: var(--white-15);
}
.health-plan__inner {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: 1fr 2fr;
}
@media only screen and (max-width: 1199px) {
  .health-plan__inner {
    grid-template-columns: 1fr;
  }
}
.health-plan__item {
  border-bottom: 1px solid var(--green-5);
  display: grid;
  grid-gap: 20px;
  align-items: center;
  grid-template-columns: 1fr 1fr 2fr 1fr;
}
@media only screen and (max-width: 767px) {
  .health-plan__item {
    grid-template-columns: 1fr;
  }
}
.light .health-plan__item {
  border-color: var(--white-15);
}
.health-plan__item:first-child {
  border-top: 1px solid var(--green-5);
}
.light .health-plan__item:first-child {
  border-color: var(--white-15);
}
.health-plan__text p {
  font-size: 18px;
  max-width: 280px;
  color: var(--white-15);
}
.health-plan__type {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-15);
}
.health-plan__cost {
  font-weight: 400;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -0.08em;
  color: var(--white-15);
  font-family: "Overlock", cursive;
}
.health-plan__feature {
  position: relative;
}
.health-plan__feature::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: -40px;
  top: 0;
  background-color: var(--green-5);
}
@media only screen and (max-width: 991px) {
  .health-plan__feature::before {
    left: -25px;
  }
}
.light .health-plan__feature::before {
  border-color: var(--white-15);
}
.dir-rtl .health-plan__feature::before {
  left: unset;
  right: -40px;
}
@media only screen and (max-width: 991px) {
  .dir-rtl .health-plan__feature::before {
    right: -25px;
  }
}
.health-plan__feature li {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--white-15);
  position: relative;
  padding-left: 20px;
  padding-bottom: 3px;
}
.dir-rtl .health-plan__feature li {
  padding-left: 0;
  padding-right: 20px;
}
.health-plan__feature li::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  left: 0;
  top: 6px;
  background-image: url(../imgs/health/check-2.png);
  background-repeat: no-repeat;
}
.dir-rtl .health-plan__feature li::before {
  left: unset;
  right: 0;
}
.health-plan__btn {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .health-plan__btn {
    text-align: left;
  }
}
.health-plan__btn .wc-btn-border {
  color: var(--white-15);
  border-color: var(--white-15);
}
@media only screen and (max-width: 991px) {
  .health-plan__btn .wc-btn-border {
    padding: 14px 25px;
  }
}
.health-plan__btn .wc-btn-border::after {
  background-color: var(--white-15);
}
.health-plan__btn .wc-btn-border:hover {
  color: var(--green-6);
  background-color: var(--white-15);
}
.health-course__details {
  padding-left: 120px;
  padding-right: 120px;
}
@media only screen and (max-width: 1199px) {
  .health-course__details {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .health-course__details {
    padding: 0;
  }
}
.health-course__details h1,
.health-course__details h2,
.health-course__details h3,
.health-course__details h4,
.health-course__details h5,
.health-course__details h6 {
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
}
.light .health-course__details h1,
.light .health-course__details h2,
.light .health-course__details h3,
.light .health-course__details h4,
.light .health-course__details h5,
.light .health-course__details h6 {
  color: var(--green-6);
}
.health-course__details p {
  font-size: 18px;
  color: var(--white-15);
}
.light .health-course__details p {
  color: var(--green-6);
}
.health-course__details .cols-2 {
  display: grid;
  grid-gap: 80px;
  grid-template-columns: 0.6fr 0.5fr;
}
@media only screen and (max-width: 1199px) {
  .health-course__details .cols-2 {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .health-course__details .cols-2 {
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .health-course__details .cols-2 {
    grid-template-columns: 1fr;
  }
}
.health-course__details .cols-2 img {
  width: 100%;
}
.health-course__details-area {
  padding-bottom: 30px;
  background-color: var(--green-6);
}
.light .health-course__details-area {
  background-color: var(--white-15);
}
@media only screen and (max-width: 767px) {
  .health-course__details-area {
    padding-bottom: 0;
  }
}
.health-course__details-top {
  text-align: center;
}
.health-course__details-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.health-course__details-thumbnail img {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  height: 120%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.health-course__details-title {
  font-weight: 400;
  font-size: 130px;
  line-height: 0.9;
  color: var(--white-15);
}
@media only screen and (max-width: 1399px) {
  .health-course__details-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .health-course__details-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .health-course__details-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .health-course__details-title {
    font-size: 48px;
  }
}
.light .health-course__details-title {
  color: var(--green-6);
}
.health__details {
  background-color: var(--green-6);
}
.light .health__details {
  background-color: var(--white-15);
}
.health__details p {
  color: var(--white-15);
}
.health__details .quote {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 10px;
  color: var(--white-15);
}
@media only screen and (max-width: 1199px) {
  .health__details .quote {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .health__details .quote {
    font-size: 24px;
  }
}
.health__details h1,
.health__details h2,
.health__details h3,
.health__details h4,
.health__details h5,
.health__details h6 {
  line-height: 1;
  font-weight: 400;
  color: var(--white-15);
}
.light .health__details h1,
.light .health__details h2,
.light .health__details h3,
.light .health__details h4,
.light .health__details h5,
.light .health__details h6 {
  color: var(--green-6);
}
.health__details .list-plus li {
  color: var(--white-15);
}
.light .health__details .list-plus li {
  color: var(--green-6);
}
.health__details .comment {
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  color: var(--white-15);
  font-family: "Overlock", cursive;
}
.health__details .dancer__blogdetails-tags li a {
  background: var(--green-5);
}
.light .health__details .dancer__blogdetails-tags li a {
  background: #EAE5D3;
}
.health__details .joya__contact-formfield input, .health__details .joya__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .health__details .joya__contact-formfield textarea, .health__details .joya__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .health__details .joya__contact-formfield textarea, .health__details .joya__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .health__details .joya__contact-formfield textarea,
.health__details .joya__contact-wrap .joya__contact-msg input,
.health__details .joya__contact-wrap .joya__contact-msg .cf-details-comment__field textarea,
.cf-details-comment__field .health__details .joya__contact-wrap .joya__contact-msg textarea,
.health__details .joya__contact-wrap .joya__contact-msg .dt-inap__appointment textarea,
.dt-inap__appointment .health__details .joya__contact-wrap .joya__contact-msg textarea,
.health__details .joya__contact-wrap .joya__contact-msg .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .health__details .joya__contact-wrap .joya__contact-msg textarea {
  border-color: var(--green-5);
}
.health__details .doctor__innerHero-btn {
  background: transparent;
  border: 1px solid currentColor;
}
.health__details .dancer__blogdetails-middleleft span {
  color: var(--white-15);
}
.health__details-wrap {
  gap: 45px;
  display: grid;
  grid-template-columns: 1fr 0.3fr;
}
@media only screen and (max-width: 1199px) {
  .health__details-wrap {
    gap: 40px;
    grid-template-columns: 1fr 0.4fr;
  }
}
@media only screen and (max-width: 991px) {
  .health__details-wrap {
    grid-template-columns: 1fr;
  }
}
.health__details .doctor__details-search {
  padding: 35px;
  background: var(--green-5);
}
.health__details-widget {
  padding-top: 30px;
}
.health__details-rtitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 6px;
  color: var(--white-15);
  background-color: var(--green-6);
}
.health__details .film__blog-meta span {
  padding-bottom: 0;
}
.health__details .film__blog-item:first-child {
  border-color: var(--white-16);
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .health__details-sidebar {
    width: 300px;
    padding-bottom: 60px;
  }
}
.health__details-sidebar-inner {
  background-color: var(--green-5);
  padding: 30px;
}
.light .health__details-sidebar-inner {
  background-color: #EAE5D3;
}
.health__details-rtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  background: var(--green-6);
  display: inline-block;
  padding: 8px 15px;
}
.light .health__details-rtitle {
  color: var(--green-6);
  background-color: var(--white-15);
}
.health__contact {
  background-color: var(--green-6);
}
.light .health__contact {
  background-color: var(--white-15);
}
@media only screen and (max-width: 767px) {
  .health__contact .pt-85 {
    padding-top: 0;
  }
}
.health__contact-text p {
  font-size: 18px;
  color: var(--white-15);
}
.light .health__contact-text p {
  color: var(--green-6);
}
.health__contact-title {
  font-size: 70px;
  line-height: 1;
  font-weight: 400;
  display: block;
  color: var(--white-15);
}
@media only screen and (max-width: 1199px) {
  .health__contact-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .health__contact-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .health__contact-title {
    font-size: 45px;
  }
}
.health__contact-title-2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--white-15);
}
.health__contact .joya__contact-formfield input, .health__contact .joya__contact-formfield .cf-details-comment__field textarea, .cf-details-comment__field .health__contact .joya__contact-formfield textarea, .health__contact .joya__contact-formfield .dt-inap__appointment textarea, .dt-inap__appointment .health__contact .joya__contact-formfield textarea, .health__contact .joya__contact-formfield .elc-inbd-comment__field textarea, .elc-inbd-comment__field .health__contact .joya__contact-formfield textarea,
.health__contact .joya__contact-msg input,
.health__contact .joya__contact-msg .cf-details-comment__field textarea,
.cf-details-comment__field .health__contact .joya__contact-msg textarea,
.health__contact .joya__contact-msg .dt-inap__appointment textarea,
.dt-inap__appointment .health__contact .joya__contact-msg textarea,
.health__contact .joya__contact-msg .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .health__contact .joya__contact-msg textarea {
  border-color: var(--green-5);
}
.health__contact .wc-btn-border-2 {
  border-color: currentColor;
}
.health__contact-list {
  display: flex;
  gap: 120px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
  .health__contact-list {
    gap: 50px;
  }
}
.health__contact-item {
  position: relative;
}
.health__contact-item:first-child::after {
  display: none;
}
.dir-rtl .health__contact-item:first-child::after {
  display: block;
}
.dir-rtl .health__contact-item:last-child::after {
  display: none;
}
.health__contact-item::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: -60px;
  top: 0;
  background-color: var(--green-5);
}
@media only screen and (max-width: 1199px) {
  .health__contact-item::after {
    left: -25px;
  }
}
.light .health__contact-item::after {
  background-color: var(--pink-7);
}
.health__contact-type p {
  font-size: 18px;
  color: var(--white-15);
}
.light .health__contact-type p {
  color: var(--green-6);
}
.health__contact-type li a {
  font-size: 18px;
  color: var(--white-15);
}
.light .health__contact-type li a {
  color: var(--green-6);
}
.health__contact-type li a:hover {
  color: var(--primary);
}
.health-bds__item {
  border-bottom: 1px dashed var(--green-2);
}
.light .health-bds__item {
  border-color: var(--white-15);
}
.health-bds__item:last-child {
  border-bottom: 0;
}

.light .hbd-submit-btn .wc-btn-border {
  color: var(--green-6);
  border-color: var(--green-6);
}
.light .hbd-submit-btn .wc-btn-border:hover {
  border-color: transparent;
}
.hbd-header {
  z-index: 5;
  background-color: transparent;
}
.light .hbd-header {
  background-color: transparent;
}
.light .hbd-header .health-header__cart-2 a {
  color: var(--white);
  border-color: var(--white-15);
}
.light .hbd-header .health-header__cart-2 a span {
  color: var(--green-6);
  background-color: var(--white-15);
}
.light .hbd-header .health-header__menu-2 .main-menu > ul > li > a {
  color: var(--white-15);
}

.hc-details__content {
  text-align: center;
}
.hc-details__development {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (max-width: 1399px) {
  .hc-details__development {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hc-details__development {
    gap: 50px;
    flex-direction: column;
  }
}
.hc-details__duration {
  width: 170px;
  height: 170px;
  border-radius: 100%;
  background-color: var(--pink-8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Overlock", cursive;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: var(--green-6);
}
@media only screen and (max-width: 991px) {
  .hc-details__duration {
    width: 130px;
    height: 130px;
    font-size: 24px;
  }
}
.hc-details__duration span {
  display: block;
}
.hc-details__step {
  gap: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .hc-details__step {
    gap: 20px;
  }
}
.hc-details__step:nth-child(2) .hc-details__duration {
  background-color: var(--yellow-5);
}
.hc-details__step:nth-child(3) .hc-details__duration {
  background-color: var(--green-7);
}
.hc-details__title {
  font-size: 70px;
  color: var(--white-15);
}
@media only screen and (max-width: 991px) {
  .hc-details__title {
    font-size: 40px;
  }
}
.hc-details__title-2 {
  font-size: 36px;
  color: var(--white-15);
}
@media only screen and (max-width: 1199px) {
  .hc-details__title-2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .hc-details__title-2 {
    font-size: 24px;
  }
}
.hc-details__dshape {
  position: absolute;
  content: "";
  top: 60px;
  left: 26%;
  max-width: 95px;
}
@media only screen and (max-width: 1399px) {
  .hc-details__dshape {
    left: 24%;
  }
}
@media only screen and (max-width: 991px) {
  .hc-details__dshape {
    left: 22%;
  }
}
@media only screen and (max-width: 767px) {
  .hc-details__dshape {
    display: none;
  }
}
.hc-details__dshape-2 {
  position: absolute;
  content: "";
  top: 60px;
  left: 63%;
  max-width: 95px;
}
@media only screen and (max-width: 1399px) {
  .hc-details__dshape-2 {
    left: 65%;
  }
}
@media only screen and (max-width: 991px) {
  .hc-details__dshape-2 {
    left: 63%;
  }
}
@media only screen and (max-width: 767px) {
  .hc-details__dshape-2 {
    display: none;
  }
}

.light .health-partner__area .brand_logo_slider {
  border-color: var(--pink-7);
}
.light .health-about__story .sec-title-wrap p {
  color: var(--green-6);
}
.light .health-about__story .dancer__abouthow-count {
  color: var(--green-6);
  background: var(--white-16);
  border-color: var(--pink-7);
}
.light .health-about__story .dancer__abouthow-since,
.light .health-about__story .dancer__abouthow-ititle {
  color: var(--green-6);
}
.light .health-about__story .dancer__abouthow-idis {
  color: var(--gray-10);
}
.light .health-plan__area {
  padding-bottom: 1px;
}
.light .health-fitness__area, .light .health-about__area, .light .health-choose__area, .light .health-gallery__area, .light .health-blog__area, .light .health-product__area, .light .health-partner__area, .light .health-faq__area, .light .health-instagram__area, .light .health-footer__area {
  background-color: var(--white-15);
}
.light .health-fitness__duration {
  color: var(--green-6);
}
.light .health-about__right p {
  color: var(--green-6);
}
.light .health-about__hero-title {
  color: var(--green-6);
}
.light .health-about__hero-btm p {
  color: var(--green-6);
}
.light .health-choose__title {
  color: var(--green-6);
}
.light .health-choose__item::after {
  background-color: var(--pink-7);
}
.light .health-choose__item p {
  color: var(--green-6);
}
.light .health-gallery__title {
  color: var(--green-6);
}
.light .health-blog__item p {
  color: var(--green-6);
}
.light .health-blog__item p::before {
  background-color: var(--green-6);
}
.light .health-blog__item .content {
  background-color: var(--white-15);
}
.light .health-product__content p {
  color: var(--green-6);
}
.light .health-product__btn a {
  color: var(--white-15);
  background-color: var(--green-6);
}
.light .health-product__btn a:hover {
  color: var(--white);
  background-color: transparent;
  border-color: var(--green);
}
.light .health-faq .accordion-item p {
  color: var(--green-6);
}
.light .health-faq .accordion-button {
  color: var(--green-6) !important;
  border-color: var(--pink-7);
}
.light .health-faq .accordion-body span {
  color: var(--green-6);
}
.light .health-faq__btm p {
  color: var(--green-6);
  background-color: var(--pink-6);
}
.light .health-faq__btm p a {
  color: var(--green-6);
  border-color: var(--green-6);
}
.light .health-footer__top {
  border-color: var(--pink-7);
}
.light .health-footer__menu li a {
  color: var(--green-6);
}
.light .health-footer__menu li a:hover::after {
  background-color: var(--green-6);
}
.light .health-footer__subscribe p {
  color: var(--green-5);
}
.light .health-footer__subscribe input[type=email], .light .health-footer__subscribe .cf-details-comment__field textarea[type=email], .cf-details-comment__field .light .health-footer__subscribe textarea[type=email], .light .health-footer__subscribe .dt-inap__appointment textarea[type=email], .dt-inap__appointment .light .health-footer__subscribe textarea[type=email], .light .health-footer__subscribe .elc-inbd-comment__field textarea[type=email], .elc-inbd-comment__field .light .health-footer__subscribe textarea[type=email] {
  color: var(--green-6);
  border-color: var(--green-6);
}
.light .health-footer__subscribe input[type=email]::-moz-placeholder, .light .health-footer__subscribe .cf-details-comment__field textarea[type=email]::-moz-placeholder, .cf-details-comment__field .light .health-footer__subscribe textarea[type=email]::-moz-placeholder, .light .health-footer__subscribe .dt-inap__appointment textarea[type=email]::-moz-placeholder, .dt-inap__appointment .light .health-footer__subscribe textarea[type=email]::-moz-placeholder, .light .health-footer__subscribe .elc-inbd-comment__field textarea[type=email]::-moz-placeholder, .elc-inbd-comment__field .light .health-footer__subscribe textarea[type=email]::-moz-placeholder {
  color: var(--green-6);
}
.light .health-footer__subscribe input[type=email]::placeholder, .light .health-footer__subscribe .cf-details-comment__field textarea[type=email]::placeholder, .cf-details-comment__field .light .health-footer__subscribe textarea[type=email]::placeholder, .light .health-footer__subscribe .dt-inap__appointment textarea[type=email]::placeholder, .dt-inap__appointment .light .health-footer__subscribe textarea[type=email]::placeholder, .light .health-footer__subscribe .elc-inbd-comment__field textarea[type=email]::placeholder, .elc-inbd-comment__field .light .health-footer__subscribe textarea[type=email]::placeholder {
  color: var(--green-6);
}
.light .health-footer__subscribe .submit img {
  filter: brightness(0);
}
.light .health-footer__btm p {
  color: var(--green-6);
}
.light .health-footer__btm p a {
  color: var(--green);
}
.light .health-footer__btm p a:hover {
  color: var(--green-2);
}
.light .health-subscribe__title {
  color: var(--green-6);
}
.light .health-plan__left p {
  color: var(--green-6);
}
.light .health-plan__type, .light .health-plan__cost {
  color: var(--green-6);
}
.light .health-plan__item {
  border-color: var(--pink-7);
}
.light .health-plan__feature::before {
  background-color: var(--pink-7);
}
.light .health-plan__feature li {
  color: var(--green-6);
}
.light .health-plan__feature li::before {
  background-image: url(../imgs/health/check.png);
}
.light .health-plan__btn a {
  color: var(--green-6);
  border-color: var(--green-6);
}
.light .health-plan__btn a:hover {
  color: var(--white);
}
.light .health-plan__btn a::after {
  background-color: var(--green-6);
}

.ep {
  /*
      EVENT PLANNER SECTION TITLE
  */
  /*
      EVENT PLANNER HEADER
  */
  /*
      EVENT PLANNER HERO
  */
  /*
      EVENT PLANNER ABOUT
  */
  /*
      EVENT PLANNER SERVICE
  */
  /*
      EVENT PLANNER DEVIDER
  */
  /*
      EVENT PLANNER RECENT
  */
  /*
      EVENT PLANNER TESTIMONIAL
  */
  /*
      EVENT PLANNER PRICING
  */
  /*
      EVENT PLANNER INSTAGRAM
  */
  /*
      EVENT PLANNER FOOTER
  */
}
.ep-sec-title {
  color: var(--white);
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .ep-sec-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-sec-title {
    font-size: 35px;
  }
}
.ep-section-wrapper {
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .ep-section-wrapper {
    padding-bottom: 60px;
  }
}
.ep-header__area {
  padding-top: 32px;
}
.ep-header__icon {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--white);
  text-underline-offset: 6px;
  padding-bottom: 8px;
  display: inline-block;
}
.light .ep-header__icon {
  color: var(--black-2);
}
.ep-header__icon:hover {
  color: var(--primary);
}
.ep-header__cta {
  text-align: end;
}
@media (max-width: 575px) {
  .ep-header__cta {
    display: none;
  }
}
.ep-header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ep-header__wrapper {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.ep-header__lang {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--white);
  text-underline-offset: 6px;
  transition: all 0.3s;
}
.light .ep-header__lang {
  color: var(--black-2);
}
.ep-header__lang:hover {
  color: var(--primary);
}
.ep-header__lang::after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .ep-header__cta br {
    display: block;
  }
}
.ep-header__dropdown {
  top: 10px !important;
  background-color: var(--black-2);
  border-color: var(--black-9);
}
.light .ep-header__dropdown {
  background-color: var(--white);
}
.ep-header__dropdown li a {
  color: var(--white) !important;
}
.ep-header__dropdown li a:hover {
  background: var(--primary) !important;
}
.ep-hero__area {
  padding-top: 165px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .ep-hero__area {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.ep-hero__wrapper {
  display: flex;
  gap: 290px;
}
@media only screen and (max-width: 1919px) {
  .ep-hero__wrapper {
    gap: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-hero__wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__wrapper {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.ep-hero__thumb {
  position: relative;
  max-width: 300px;
}
@media only screen and (max-width: 1199px) {
  .ep-hero__img-wrapper {
    max-width: 230px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-hero__img-wrapper img {
    max-width: 250px;
  }
}
.ep-hero__counter-wrapper {
  position: absolute;
  bottom: -1px;
  inset-inline-end: -30px;
  z-index: 2;
}
.ep-hero__counter {
  background: var(--black-2);
  padding-top: 55px;
  padding-inline-start: 55px;
}
@media only screen and (max-width: 991px) {
  .ep-hero__counter {
    padding-top: 25px;
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__counter {
    padding-top: 28px;
  }
}
.ep-hero__counter-title {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
  padding-bottom: 20px;
  font-family: var(--font_canela);
}
@media only screen and (max-width: 991px) {
  .ep-hero__counter-title {
    font-size: 40px;
  }
}
.ep-hero__counter-text p {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}
.ep-hero__content {
  position: relative;
  z-index: 4;
}
.ep-hero__title {
  color: var(--white);
  font-size: 170px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .ep-hero__title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .ep-hero__title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1199px) {
  .ep-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-hero__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__title {
    font-size: 36px;
  }
}
.ep-hero__text p {
  color: #999;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
.ep-hero__text p span {
  color: var(--white);
}
.light .ep-hero__text p span {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .ep-hero__text p {
    font-size: 22px;
  }
}
.ep-hero__big-thumb {
  position: absolute;
  inset-inline-end: 150px;
  top: 100px;
}
@media only screen and (max-width: 1919px) {
  .ep-hero__big-thumb {
    inset-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__big-thumb {
    position: relative;
    top: 50px;
    inset-inline-end: 0;
  }
}
.ep-hero__image-wrap {
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .ep-hero__image-wrap {
    max-width: 540px;
  }
}
@media only screen and (max-width: 1199px) {
  .ep-hero__image-wrap {
    max-width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-hero__image-wrap {
    max-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__image-wrap {
    margin-inline-start: 20px;
    max-width: 300px;
  }
}
.ep-hero__image-wrap img {
  position: relative;
  z-index: 3;
}
.ep-hero__image-wrap::before {
  content: "";
  position: absolute;
  inset-inline-start: -50px;
  bottom: -50px;
  height: 100%;
  width: 100%;
  border: 1px solid var(--secondary);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .ep-hero__image-wrap::before {
    inset-inline-start: -20px;
    bottom: -20px;
  }
}
.ep-hero__btn {
  padding-inline-start: 130px;
}
@media only screen and (max-width: 991px) {
  .ep-hero__btn {
    padding-inline-start: 0;
  }
}
.ep-hero__btn .wc-btn-primary {
  background-color: var(--white);
  color: var(--black-2);
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ep-hero__btn .wc-btn-primary::after {
  background-color: var(--primary);
}
.ep-about__wrapper {
  background: var(--black-3);
  position: relative;
  margin-bottom: 212px;
  max-width: 1460px;
}
@media only screen and (max-width: 991px) {
  .ep-about__wrapper {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-about__wrapper {
    background: transparent;
    margin-bottom: 40px;
  }
}
.ep-about__content {
  max-width: 600px;
  padding-inline-start: 160px;
}
@media only screen and (max-width: 1199px) {
  .ep-about__content {
    padding-inline-start: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-about__content {
    padding-inline-start: 0;
  }
}
.ep-about__content .ep-about__title {
  padding-bottom: 20px;
}
.ep-about__title {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .ep-about__title {
    font-size: 22px;
  }
}
.ep-about__text p {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.ep-about__image {
  position: absolute;
  bottom: -65px;
  inset-inline-start: 795px;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .ep-about__image {
    inset-inline-start: 605px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-about__image {
    inset-inline-start: 65px;
    position: relative;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ep-about__image {
    inset-inline-start: 0;
    flex-direction: column;
  }
}
.ep-about__shape {
  position: absolute;
  inset-inline-end: 345px;
  top: 230px;
}
@media only screen and (max-width: 1919px) {
  .ep-about__shape {
    inset-inline-end: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .ep-about__shape {
    inset-inline-end: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-about__shape {
    inset-inline-end: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-about__shape {
    inset-inline-end: 20px;
    top: 148px;
  }
}
.ep-about__btn {
  align-self: flex-end;
  background: var(--black-2);
  padding: 44px 50px;
}
@media only screen and (max-width: 767px) {
  .ep-about__btn {
    padding: 44px 18px;
    align-self: flex-start;
  }
}
.ep-about__btn .wc-btn-underline {
  text-transform: uppercase;
}
.ep-about__circle-btn-wrapper {
  position: absolute;
  top: 84px;
  inset-inline-end: 385px;
  z-index: 9;
}
@media only screen and (max-width: 1919px) {
  .ep-about__circle-btn-wrapper {
    inset-inline-end: 480px;
  }
}
@media only screen and (max-width: 1199px) {
  .ep-about__circle-btn-wrapper {
    inset-inline-end: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-about__circle-btn-wrapper {
    inset-inline-end: 23px;
    top: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-about__circle-btn-wrapper {
    inset-inline-start: 0;
    top: -100px;
  }
}
.ep-service__section-wrapper {
  display: flex;
  gap: 240px;
  padding-bottom: 190px;
}
@media only screen and (max-width: 1199px) {
  .ep-service__section-wrapper {
    gap: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-service__section-wrapper {
    gap: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-service__section-wrapper {
    gap: 0;
    flex-wrap: wrap;
    padding-bottom: 100px;
  }
}
.ep-service__sec-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
  text-align: end;
}
@media only screen and (max-width: 991px) {
  .ep-service__sec-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-service__sec-title {
    text-align: start;
  }
}
.ep-service__sec-text {
  max-width: 332px;
  transform: translateY(80px);
  align-self: flex-end;
}
@media only screen and (max-width: 767px) {
  .ep-service__sec-text {
    transform: translateY(30px);
  }
}
.ep-service__sec-text p {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.ep-service__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .ep-service__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .ep-service__items {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .ep-service__item {
    margin-bottom: 30px;
  }
}
.ep-service__thumb {
  margin-bottom: 20px;
  overflow: hidden;
}
.ep-service__thumb img {
  width: 100%;
}
.ep-service__title {
  color: var(--white);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media (max-width: 575px) {
  .ep-service__title {
    font-size: 24px;
  }
}
.ep-service__title:hover {
  color: var(--primary);
}
.ep-divider__wrapper {
  padding-top: 130px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .ep-divider__wrapper {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
.ep-recent__section-header {
  text-align: center;
  margin-bottom: -90px;
}
@media only screen and (max-width: 991px) {
  .ep-recent__section-header {
    margin-bottom: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-recent__section-header {
    margin-bottom: -15px;
  }
}
.ep-recent__sec-subtitle {
  color: var(--white);
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.ep-recent__sec-title {
  color: var(--white);
  font-size: 300px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .ep-recent__sec-title {
    font-size: 260px;
  }
}
@media only screen and (max-width: 1199px) {
  .ep-recent__sec-title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-recent__sec-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-recent__sec-title {
    font-size: 50px;
  }
}
.ep-recent__grid {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .ep-recent__grid {
    flex-wrap: wrap;
  }
}
.ep-recent__grid.grid-padding {
  padding-inline-start: 100px;
}
@media only screen and (max-width: 991px) {
  .ep-recent__grid.grid-padding {
    padding-inline-start: 0;
  }
}
.ep-recent__item {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.ep-recent__item.large .ep-recent__title {
  font-size: 60px;
}
@media only screen and (max-width: 767px) {
  .ep-recent__item.large .ep-recent__title {
    font-size: 40px;
  }
}
.ep-recent__item.large .ep-recent__date {
  font-size: 18px;
}
.ep-recent__item:hover .ep-recent__title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ep-recent__item:hover .ep-recent__date {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ep-recent__item:hover .ep-recent__shape {
  opacity: 1;
  visibility: visible;
}
.ep-recent__content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.ep-recent__title {
  color: var(--white) !important;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 15px;
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.ep-recent__title:hover {
  color: var(--primary) !important;
}
.ep-recent__date {
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  transition: 2.5s;
}
.ep-recent__shape {
  opacity: 0;
  visibility: hidden;
  transition: 3s;
  transform: translate(-50px, 25px);
  position: absolute;
}
.ep-recent__text-wrapper {
  max-width: 287px;
  margin-inline-start: 630px;
  margin-top: -70px;
}
@media only screen and (max-width: 1199px) {
  .ep-recent__text-wrapper {
    margin-inline-start: 570px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-recent__text-wrapper {
    margin-inline-start: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-recent__text-wrapper {
    margin-inline-start: 0;
    margin-top: 30px;
  }
}
.ep-recent__text {
  padding-bottom: 20px;
}
.ep-recent__text p {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.ep-recent__btn .wc-btn-underline {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
}
.ep-testimonial__area {
  background-color: var(--black-3);
}
.light .ep-testimonial__area {
  background-color: #E6F3F4;
}
@media only screen and (max-width: 1199px) {
  .ep-testimonial__area {
    padding-bottom: 100px;
  }
}
.ep-testimonial__item {
  display: grid;
  grid-template-columns: 45% 49%;
  gap: 60px 70px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .ep-testimonial__item {
    grid-template-columns: 100%;
  }
}
.ep-testimonial__thumb {
  position: relative;
  margin-top: 120px;
  margin-bottom: -40px;
}
@media only screen and (max-width: 767px) {
  .ep-testimonial__thumb {
    padding-inline-start: 0;
    max-width: 200px;
    margin-inline-start: 50px;
  }
}
.ep-testimonial__quote {
  padding-bottom: 35px;
}
.light .ep-testimonial__quote img {
  filter: brightness(0);
}
.ep-testimonial__imgone {
  transform: rotate(-24.756deg);
  transform-origin: top left;
}
@media only screen and (max-width: 1199px) {
  .ep-testimonial__imgone {
    max-width: 190px;
  }
}
.dir-rtl .ep-testimonial__imgone {
  transform: rotate(24.756deg);
  transform-origin: top right;
}
.ep-testimonial__imgtwo {
  transform: rotate(15deg);
  position: absolute;
  bottom: 120px;
  inset-inline-end: 60px;
}
.dir-rtl .ep-testimonial__imgtwo {
  transform: rotate(-15deg);
}
.ep-testimonial-wrapper {
  display: flex;
  gap: 60px 110px;
}
@media only screen and (max-width: 1199px) {
  .ep-testimonial-wrapper {
    gap: 60px 75px;
  }
}
.ep-testimonial__text {
  padding-bottom: 30px;
}
.ep-testimonial__text p {
  color: var(--white);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .ep-testimonial__text p {
    font-size: 22px;
  }
}
.ep-testimonial__name {
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.ep-testimonial__post {
  color: var(--white);
  font-size: 14px;
  line-height: 1.5;
}
.ep-pricing__feature-image {
  transform: rotate(9.347deg);
  max-width: 290px;
  transform-origin: bottom left;
}
.dir-rtl .ep-pricing__feature-image {
  transform: rotate(-9.347deg);
  transform-origin: bottom right;
}
@media only screen and (max-width: 1399px) {
  .ep-pricing__feature-image {
    max-width: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-pricing__feature-image {
    transform: rotate(0);
    padding-bottom: 30px;
  }
}
.ep-pricing__item {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  border-bottom: 1px solid var(--black-6);
  padding-top: 40px;
  padding-bottom: 50px;
}
.light .ep-pricing__item {
  border-color: #DDDDDD;
}
@media only screen and (max-width: 767px) {
  .ep-pricing__item {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.ep-pricing__item:first-child {
  border-top: 1px solid var(--black-6);
}
.light .ep-pricing__item:first-child {
  border-color: #DDDDDD;
}
.ep-pricing__price {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.ep-pricing__price-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}
.ep-pricing__featurelist li {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  padding-left: 24px;
}
.light .ep-pricing__featurelist li {
  color: #1C1D20;
}
@media only screen and (max-width: 1199px) {
  .ep-pricing__featurelist li {
    font-size: 16px;
  }
}
.ep-pricing__featurelist li::before {
  filter: brightness(10);
}
.light .ep-pricing__featurelist li::before {
  filter: brightness(0);
}
.ep-pricing__btn {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ep-pricing__btn {
    text-align: start;
  }
}
.ep-pricing__btn .wc-btn-primary {
  background: var(--white);
  margin-bottom: 20px;
  text-transform: uppercase;
}
.ep-pricing__btn .wc-btn-primary::after {
  background-color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .ep-pricing__btn .wc-btn-primary {
    padding: 15px 24px;
  }
}
.ep-pricing__btn .wc-btn-primary:hover {
  color: var(--black-2);
}
.ep-pricing__or {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 10px;
  text-align: center;
}
.light .ep-pricing__or {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .ep-pricing__or {
    text-align: start;
  }
}
.ep-pricing__btntwo {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ep-pricing__btntwo {
    text-align: start;
  }
}
.ep-instagram__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 60px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .ep-instagram__items {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-instagram__items {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
  }
}
@media (max-width: 575px) {
  .ep-instagram__items {
    grid-template-columns: 1fr;
  }
}
.ep-instagram__link {
  color: var(--white);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
  padding-top: 15px;
}
.ep-instagram__link:hover {
  color: var(--primary);
}
.ep-instagram__img-wrapper img {
  width: 100%;
}
.ep-footer__wrapper {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  padding-bottom: 60px;
  margin: 0 110px;
  gap: 0 90px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .ep-footer__wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .ep-footer__wrapper {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ep-footer__wrapper {
    grid-template-columns: 0 1fr 0;
    gap: 0;
  }
}
.dir-rtl .ep-footer__img img {
  transform: rotateY(180deg);
}
.light .ep-footer__img img {
  opacity: 0.1;
}
.ep-footer__img-reverse img {
  transform: rotateY(180deg);
}
.dir-rtl .ep-footer__img-reverse img {
  transform: rotateY(0deg);
}
.light .ep-footer__img-reverse img {
  opacity: 0.1;
}
.ep-footer__form-wrapper {
  position: relative;
  padding-top: 50px;
}
.ep-footer__form-wrapper form {
  position: relative;
}
.ep-footer__form-wrapper form input, .ep-footer__form-wrapper form .cf-details-comment__field textarea, .cf-details-comment__field .ep-footer__form-wrapper form textarea, .ep-footer__form-wrapper form .dt-inap__appointment textarea, .dt-inap__appointment .ep-footer__form-wrapper form textarea, .ep-footer__form-wrapper form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .ep-footer__form-wrapper form textarea {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--white);
  color: var(--white);
  width: 100%;
  padding-bottom: 10px;
  padding-inline-end: 30px;
}
.ep-footer__form-wrapper form input::-moz-placeholder, .ep-footer__form-wrapper form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .ep-footer__form-wrapper form textarea::-moz-placeholder, .ep-footer__form-wrapper form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .ep-footer__form-wrapper form textarea::-moz-placeholder, .ep-footer__form-wrapper form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .ep-footer__form-wrapper form textarea::-moz-placeholder {
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.ep-footer__form-wrapper form input::placeholder, .ep-footer__form-wrapper form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .ep-footer__form-wrapper form textarea::placeholder, .ep-footer__form-wrapper form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .ep-footer__form-wrapper form textarea::placeholder, .ep-footer__form-wrapper form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .ep-footer__form-wrapper form textarea::placeholder {
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  text-transform: uppercase;
}
.ep-footer__form-wrapper form input:focus, .ep-footer__form-wrapper form .cf-details-comment__field textarea:focus, .cf-details-comment__field .ep-footer__form-wrapper form textarea:focus, .ep-footer__form-wrapper form .dt-inap__appointment textarea:focus, .dt-inap__appointment .ep-footer__form-wrapper form textarea:focus, .ep-footer__form-wrapper form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .ep-footer__form-wrapper form textarea:focus {
  outline: 0;
}
.ep-footer__form-wrapper form button {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ep-footer__social {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-top: 30px;
}
.ep-footer__social li a {
  color: var(--white);
}
.light .ep-footer__social li a {
  color: var(--black-2);
}
.ep-footer__social li a:hover {
  color: var(--primary);
}
.ep-footer__copyright {
  background: var(--black-3);
  text-align: center;
  padding: 15px;
}
.light .ep-footer__copyright {
  background-color: #E6F3F4;
}
.ep-footer__copyright small {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  text-transform: uppercase;
}
.ep-footer__copyright small a {
  color: var(--white);
}

/*
    EVENT PLANNER LIGHT VERSION
*/
.light .ep {
  /*
      EVENT PLANNER SECTION TITLE
  */
  /*
      EVENT PLANNER HEADER
  */
  /*
      EVENT PLANNER HERO
  */
  /*
      EVENT PLANNER ABOUT
  */
  /*
      EVENT PLANNER RECENT
  */
  /*
      EVENT PLANNER TESTIMONIAL
  */
  /*
      EVENT PLANNER PRICING
  */
  /*
      EVENT PLANNER INSTAGRAM
  */
  /*
      EVENT PLANNER FOOTER
  */
}
.light .ep-sec-title.event-title {
  color: var(--white);
}
.light .ep-header__dropdown li a {
  color: var(--black-2) !important;
}
.light .ep-header__dropdown li a:hover {
  background: var(--primary) !important;
}
.light .ep-hero__counter {
  background: var(--white);
}
.light .ep-hero__counter-title {
  color: var(--black-2);
}
.light .ep-hero__image-wrap::before {
  border: 1px solid var(--white-4);
}
.light .ep-hero__btn .wc-btn-primary {
  background: var(--black-2);
  color: var(--white);
}
.light .ep-about__wrapper {
  background: #E6F3F4;
}
.light .ep-about__title {
  color: var(--black-2);
}
.light .ep-about__text p {
  color: var(--gray-10);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.light .ep-about__btn {
  background: var(--white);
}
.light .ep-about__btn .wc-btn-underline {
  color: var(--black-2);
}
.light .ep-recent__sec-subtitle {
  color: var(--black-2);
}
.light .ep-recent__sec-title {
  color: var(--black-2);
}
.light .ep-recent__date {
  color: var(--white);
}
.light .ep-recent__btn .wc-btn-underline {
  color: var(--black-2);
}
.light .ep-testimonial__text p {
  color: var(--black-2);
}
.light .ep-testimonial__name {
  color: var(--black-2);
}
.light .ep-testimonial__post {
  color: var(--black-2);
}
.light .ep-pricing__btn .wc-btn-primary {
  background: var(--black-2);
  color: var(--white);
}
.light .ep-instagram__link {
  color: var(--black-2);
}
.light .ep-footer__form-wrapper form input, .light .ep-footer__form-wrapper form .cf-details-comment__field textarea, .cf-details-comment__field .light .ep-footer__form-wrapper form textarea, .light .ep-footer__form-wrapper form .dt-inap__appointment textarea, .dt-inap__appointment .light .ep-footer__form-wrapper form textarea, .light .ep-footer__form-wrapper form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .ep-footer__form-wrapper form textarea {
  border-bottom: 1px solid var(--black-2);
  color: var(--black-2);
}
.light .ep-footer__form-wrapper form input::-moz-placeholder, .light .ep-footer__form-wrapper form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .ep-footer__form-wrapper form textarea::-moz-placeholder, .light .ep-footer__form-wrapper form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .ep-footer__form-wrapper form textarea::-moz-placeholder, .light .ep-footer__form-wrapper form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .ep-footer__form-wrapper form textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .ep-footer__form-wrapper form input::placeholder, .light .ep-footer__form-wrapper form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .ep-footer__form-wrapper form textarea::placeholder, .light .ep-footer__form-wrapper form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .ep-footer__form-wrapper form textarea::placeholder, .light .ep-footer__form-wrapper form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .ep-footer__form-wrapper form textarea::placeholder {
  color: var(--black-2);
}
.light .ep-footer__copyright small {
  color: var(--black-2);
}
.light .ep-footer__copyright small a {
  color: var(--black-2);
}
.light .indent-with-line p::before {
  background: var(--black-2);
}
.light .vertical-section-divider {
  background: var(--black-2);
}

/*
    EVENT PLANNER EXTRA DESIGN
*/
.ep-hero__text {
  font-size: 35px;
  text-transform: uppercase;
}
.ep-hero__text span {
  color: #999999;
}
.ep-hero__text.has-indent-line {
  text-indent: 120px;
}
@media only screen and (max-width: 991px) {
  .ep-hero__text.has-indent-line {
    text-indent: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-hero__text.has-indent-line {
    font-size: 25px;
  }
}
.ep-hero__text.has-indent-line::before {
  top: 24px;
  width: 90px;
}
@media only screen and (max-width: 991px) {
  .ep-hero__text.has-indent-line::before {
    top: 15px;
    width: 40px;
  }
}

.vertical-section-divider {
  height: 165px;
  background: var(--white);
  width: 1px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .vertical-section-divider {
    height: 70px;
  }
}

/*
    EVENT PLANNER ABOUT PAGE
*/
@media only screen and (min-width: 1920px) {
  .ep-inab__area .container {
    max-width: 1630px;
  }
}
.ep-inab__area-content .ep-hero__text {
  font-size: 60px;
}
.ep-inab__area-content .has-indent-line {
  text-indent: 210px;
}
@media only screen and (max-width: 1399px) {
  .ep-inab__area-content .has-indent-line {
    text-indent: 120px;
    font-size: 35px;
  }
}
.ep-inab__area-content .has-indent-line::before {
  top: 42px;
  width: 180px;
}
@media only screen and (max-width: 1399px) {
  .ep-inab__area-content .has-indent-line::before {
    top: 24px;
    width: 90px;
  }
}
.ep-inab__area-sec-wrapper {
  margin-bottom: 90px;
}
@media only screen and (max-width: 991px) {
  .ep-inab__area-sec-wrapper {
    margin-bottom: 50px;
  }
}
.ep-inab__area-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 65px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .ep-inab__area-grid {
    grid-template-columns: 0.7fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .ep-inab__area-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.ep-inab__area-item-img {
  position: relative;
  margin-right: 75px;
}
@media only screen and (max-width: 1199px) {
  .ep-inab__area-item-img {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .ep-inab__area-item-img {
    max-width: 400px;
    margin: auto;
  }
}
.ep-inab__area-item-img .ep-inab__circle-btn-wrapper {
  margin-top: -75px;
  display: flex;
  justify-content: end;
  margin-right: -75px;
}
@media only screen and (max-width: 1199px) {
  .ep-inab__area-item-img .ep-inab__circle-btn-wrapper {
    justify-content: center;
    margin-right: 0;
  }
}
.ep-inab__area-item-img .circle-text {
  background-color: var(--white);
}
.ep-ins__area {
  background-color: #212125;
}
.light .ep-ins__area {
  background-color: #E6F3F4;
}
.ep-insd__area-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  .ep-insd__area-grid {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .ep-insd__area-grid {
    grid-template-columns: 1fr;
  }
}
.ep-insd__area-content-title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .ep-insd__area-content-title {
    font-size: 30px;
  }
}
.ep-insd__hightlight {
  background-color: #212125;
}
.light .ep-insd__hightlight {
  background-color: #E6F3F4;
}
.ep-insd__hightlight-gallary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  align-items: start;
}
@media only screen and (max-width: 991px) {
  .ep-insd__hightlight-gallary-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
.ep-insd__hightlight-thumb:nth-child(2n+1) {
  margin-top: 185px;
}
@media only screen and (max-width: 991px) {
  .ep-insd__hightlight-thumb:nth-child(2n+1) {
    margin-top: 0;
  }
}
.ep-ined__area-content-text {
  max-width: 715px;
}
.ep-ined__area-content-text p {
  font-size: 18px;
  margin-bottom: 20px;
}
.ep-ined__area-content-left .ep-inab__area-sec-wrapper {
  margin-bottom: 30px;
}
.ep-ined__area-content-right .elc-insd-hero__meta {
  max-width: 450px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .ep-ined__area-content-right .elc-insd-hero__meta {
    padding-top: 0;
    margin-inline-start: 0;
  }
}
.ep-ined__area-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .ep-ined__area-content-grid {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-ined__area-content-grid {
    grid-template-columns: 1fr;
  }
}
.ep-ined__area-thumb-grid {
  display: grid;
  grid-template-columns: 0.9fr 0.49fr;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .ep-ined__area-thumb-grid {
    grid-template-columns: 1fr;
  }
}
.ep-ined__area-thumb-item img {
  width: 100%;
}
.ep-ined__area-title-two {
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .ep-ined__area-title-two {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .ep-ined__area-title-two {
    font-size: 35px;
  }
}

.ep-service-inab-title {
  font-size: 60px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .ep-service-inab-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ep-service-inab-title {
    font-size: 37px;
  }
}

.ep__accordion.elc__accordion .accordion-button::after {
  width: 62px;
  height: 62px;
  line-height: 62px;
}
@media only screen and (max-width: 991px) {
  .ep__accordion.elc__accordion .accordion-button::after {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.ep__accordion .accordion-button {
  font-size: 40px;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .ep__accordion .accordion-button {
    padding: 16px 0px;
  }
}
.ep__accordion .accordion-item:first-child {
  padding-top: 25px !important;
  border-top: 1px solid #28292C !important;
}
.light .ep__accordion .accordion-item:first-child {
  border-color: #E7E7E7 !important;
}
.ep__accordion .accordion-item:last-child {
  border-bottom: 1px solid #28292C !important;
}
.light .ep__accordion .accordion-item:last-child {
  border-color: #E7E7E7 !important;
}
.ep__accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 25px !important;
}

.ep-ts-pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-inline-start: 1px solid #333337;
  width: 80px;
  min-width: 80px;
}
.light .ep-ts-pagination {
  border-color: #D4E5E7;
}
@media (max-width: 575px) {
  .ep-ts-pagination {
    display: none;
  }
}
.ep-ts-pagination .dash {
  width: 1px;
  height: 100px;
  display: inline-block;
  background-color: var(--white);
}
.light .ep-ts-pagination .dash {
  background-color: #1C1D20;
}
.ep-ts-pagination .swiper-pagination-current, .ep-ts-pagination .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .ep-ts-pagination .swiper-pagination-total {
  color: var(--white);
}
.light .ep-ts-pagination .swiper-pagination-current, .light .ep-ts-pagination .marketer__testimonial-wrapper .swiper-pagination-total, .marketer__testimonial-wrapper .light .ep-ts-pagination .swiper-pagination-total {
  color: #1C1D20;
}

.body-elc {
  position: relative;
  border: 10px solid transparent;
  background-color: #1C1D20;
}
.light .body-elc {
  background-color: var(--white);
}
@media only screen and (max-width: 991px) {
  .body-elc {
    border-width: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .body-elc {
    border-width: 3px;
  }
}

.circle-collapsed {
  display: inline-flex;
  flex-direction: column;
}
.circle-collapsed.content-dark .circle-collapsed__circle {
  border-color: var(--black-2);
}
.circle-collapsed.content-dark .circle-collapsed__circle-03 {
  background-color: var(--black-2);
}
.circle-collapsed__circle {
  width: 55px;
  height: 55px;
  border: 1.2px solid var(--white);
  display: inline-block;
  border-radius: 50%;
}
.light .circle-collapsed__circle {
  border-color: var(--black-2);
}
.circle-collapsed__circle-02 {
  margin-top: -20px;
  overflow: hidden;
  position: relative;
}
.circle-collapsed__circle-03 {
  background-color: var(--white);
  position: absolute;
  bottom: calc(100% - 20px);
  left: 50%;
  transform: translateX(-50%);
}
.light .circle-collapsed__circle-03 {
  background-color: var(--black-2);
}

.circle-half {
  width: 118px;
  display: inline-block;
  border-bottom: 59px solid #7E7BFF;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.ratings ul {
  display: flex;
  gap: 3px;
}
.ratings li {
  font-size: 13px;
  color: #F9AE57;
}

.add-to-cart {
  width: 50px;
  height: 50px;
  background: #FFA38E;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.elc-social-media {
  display: flex;
  gap: 10px;
}
.elc-social-media.sfluence-social-media a {
  background: transparent;
}
.elc-social-media a {
  width: 40px;
  height: 40px;
  border: 1px solid var(--black-2);
  background: var(--black-2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--white);
}
.elc-social-media a:hover {
  background-color: transparent;
  color: var(--black-2);
  border-color: var(--black-2);
}

.circle-box {
  width: 55px;
  height: 55px;
  background: #BFCDB3;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  outline: 6px solid #D0E0C3;
}

.elc-container {
  max-width: 1550px;
  margin: 0 auto;
  padding: 0 15px;
}
.elc-header {
  padding: 0 10px;
  z-index: 100;
}
.elc-header__logo {
  padding: 18px 0;
  position: relative;
}
.elc-header__inner {
  display: flex;
  gap: 100px;
  align-items: center;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #E7CFBE;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .elc-header__inner {
    gap: 50px;
  }
}
.elc-header__inner.inner-pg-border {
  border-width: 1px 0 1px 0;
  border-color: #28292C;
}
.light .elc-header__inner.inner-pg-border {
  border-color: #EBEBEB;
}
.elc-header__meta.meta-dark .call-us a {
  color: var(--black-2);
}
.elc-header__meta.meta-dark .call-us a span {
  color: var(--black-2);
}
.elc-header__meta.meta-dark .call-us a i {
  color: var(--black-2);
}
.elc-header__meta.meta-dark .call-us a strong {
  color: var(--black-2);
}
.elc-header__meta .call-us {
  text-align: end;
}
@media (max-width: 575px) {
  .elc-header__meta .call-us {
    display: none;
  }
}
.elc-header__meta .call-us a {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: #EBEBEB;
  display: flex;
  gap: 12px;
  align-items: center;
}
.light .elc-header__meta .call-us a {
  color: var(--black-2);
}
.elc-header__meta .call-us a span {
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 500;
  color: #EBEBEB;
}
.light .elc-header__meta .call-us a span {
  color: var(--black-2);
}
.elc-header__meta .call-us a:hover span {
  color: var(--primary);
}
.elc-header__meta .call-us a strong {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: #EBEBEB;
  text-transform: uppercase;
}
.light .elc-header__meta .call-us a strong {
  color: var(--black-2);
}
.elc-header__meta .call-us a i {
  font-size: 24px;
  transform: rotate(-45deg);
  color: #EBEBEB;
}
.light .elc-header__meta .call-us a i {
  color: var(--black-2);
}
.elc-header__nav {
  flex-grow: 1;
}
@media only screen and (max-width: 1199px) {
  .elc-header__nav {
    display: none;
  }
}
.elc-header__nav.inner-pg-nav .main-menu > ul > li > a {
  color: #EBEBEB;
}
.light .elc-header__nav.inner-pg-nav .main-menu > ul > li > a {
  color: var(--black-2);
}
.elc-header__nav .main-menu > ul {
  justify-content: flex-end;
}
.elc-header__nav .main-menu li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 40px 20px;
}
.elc-header__others {
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
  padding: 25px 0;
}
.elc-header__others.inner-pg-border:before {
  background-color: #28292C;
}
.light .elc-header__others.inner-pg-border:before {
  background-color: #EBEBEB;
}
.elc-header__others::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  inset-inline-start: -50px;
  top: 0;
  background-color: #E7CFBE;
}
@media only screen and (max-width: 1199px) {
  .elc-header__others::before {
    display: none;
  }
}
.elc-header__navicon button {
  width: 50px;
  height: 50px;
  background: #FFA38E;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elc-header__navicon .menu-icon, .elc-header__navicon .menu-icon-2 {
  width: 18px;
  height: 14px;
  margin-top: 0;
}
.elc-header__navicon .menu-icon span, .elc-header__navicon .menu-icon-2 span {
  width: 12px;
  background-color: var(--black-2);
}
.elc-header__navicon .menu-icon::before, .elc-header__navicon .menu-icon-2::before, .elc-header__navicon .menu-icon::after, .elc-header__navicon .menu-icon-2::after {
  background: var(--black-2);
}
.elc-hero__area {
  background: #FFE9D9;
  padding-top: 180px;
  padding-bottom: 110px;
  position: relative;
}
.elc-hero__arrow-curved {
  position: absolute;
  inset-inline-start: 26%;
  bottom: 210px;
}
.dir-rtl .elc-hero__arrow-curved {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 991px) {
  .elc-hero__arrow-curved {
    display: none;
  }
}
.elc-hero__content-wrapper {
  display: grid;
  gap: 80px;
  grid-template-columns: 40% auto;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .elc-hero__content-wrapper {
    grid-template-columns: auto;
  }
}
.elc-hero__content-wrapper .elc-hero__title {
  margin-bottom: 25px;
}
.elc-hero__content-wrapper .elc-hero__text {
  margin-bottom: 45px;
}
.elc-hero__title {
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .elc-hero__title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-hero__title {
    font-size: 58px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-hero__title {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .elc-hero__title {
    font-size: 45px;
  }
}
.elc-hero__text p {
  font-size: 24px;
  font-weight: 400;
  color: #555555;
  line-height: 1.33;
}
@media only screen and (max-width: 1399px) {
  .elc-hero__text p {
    font-size: 20px;
  }
}
.elc-hero__thumb {
  max-width: 458px;
  position: relative;
  z-index: 1;
}
.elc-hero__thumb-bg {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: 0;
  background: #8B8EE1;
  border-radius: 20px;
  overflow: hidden;
  z-index: -1;
}
.elc-hero__btn .wc-btn-primary {
  font-size: 14px;
  background-color: #FFA38E;
  border-color: #FFA38E;
  padding: 22px 30px;
  text-transform: uppercase;
  border: 1px solid #FFA38E;
  border-radius: 60px;
}
.elc-hero__btn .wc-btn-primary:hover {
  background-color: transparent;
  color: var(--black-2);
  border-color: var(--black-2);
}
.elc-hero__side-thumb {
  position: relative;
  max-width: 250px;
}
@media only screen and (max-width: 1919px) {
  .elc-hero__side-thumb {
    max-width: 220px;
  }
}
.elc-hero__side-thumb .service-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--black-2);
  font-family: "Inter", sans-serif;
  position: absolute;
  bottom: 44px;
  inset-inline-start: calc(100% + 32px);
  transform: rotate(-90deg);
  transform-origin: left center;
}
.dir-rtl .elc-hero__side-thumb .service-title {
  transform: rotate(90deg);
  transform-origin: right center;
}
.elc-hero__side-thumb .circle-text {
  width: 120px;
  height: 120px;
  border: 6px solid #F6EFE8;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.elc-hero__side-thumb .main-img {
  border-radius: 20px;
}
.elc-hero__thumb-box {
  position: relative;
}
@media only screen and (max-width: 1700px) {
  .elc-hero__thumb-box {
    margin-inline-end: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-hero__thumb-box {
    max-width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-hero__thumb-box {
    margin-inline-end: 0;
  }
}
.elc-hero__thumb-box .elc-hero__thumb {
  margin-inline-start: 110px;
}
@media only screen and (max-width: 1919px) {
  .elc-hero__thumb-box .elc-hero__thumb {
    max-width: 378px;
  }
}
@media only screen and (max-width: 1399px) {
  .elc-hero__thumb-box .elc-hero__thumb {
    margin-inline-start: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-hero__thumb-box .elc-hero__thumb {
    margin-inline-start: 40px;
    max-width: 290px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-hero__thumb-box .elc-hero__thumb {
    margin-inline-start: 50px;
  }
}
@media (max-width: 575px) {
  .elc-hero__thumb-box .elc-hero__thumb {
    margin-inline-start: 40px;
  }
}
.elc-hero__thumb-box .elc-quote__box {
  max-width: 440px;
  margin-top: -145px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .elc-hero__thumb-box .elc-quote__box {
    max-width: 390px;
  }
}
.elc-hero__thumb-box .elc__works-completed {
  margin-inline-start: 60px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 1919px) {
  .elc-hero__thumb-box .elc__works-completed {
    margin-bottom: 25px;
  }
}
.elc-hero__side-thumb {
  padding-top: 70px;
  position: relative;
}
.elc-hero__thumb-arrow {
  margin-inline-start: 168px;
  margin-bottom: 55px;
}
.dir-rtl .elc-hero__thumb-arrow {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1919px) {
  .elc-hero__thumb-arrow {
    margin-bottom: 25px;
  }
}
.elc-hero__thumb-box-right {
  position: absolute;
  inset-inline-end: 0;
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .elc-hero__thumb-box-right {
    position: static;
    margin-top: 60px;
  }
}
.elc-quote__box {
  background: var(--white);
  border-radius: 20px;
  padding: 45px 65px 35px;
  text-align: center;
  position: relative;
}
.elc-quote__box .quote-start {
  position: absolute;
  inset-inline-start: 30px;
  top: 30px;
}
.dir-rtl .elc-quote__box .quote-start {
  transform: rotate(180deg);
}
.elc-quote__box .quote-end {
  position: absolute;
  inset-inline-end: 30px;
  bottom: 30px;
  transform: rotate(180deg);
}
.dir-rtl .elc-quote__box .quote-end {
  transform: rotate(0deg);
}
.elc-quote__text p {
  font-size: 24px;
  line-height: 27px;
  color: var(--black-2);
  font-style: italic;
  font-family: "Overlock", cursive;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .elc-quote__text p {
    font-size: 20px;
  }
}
.elc-quote__author-name {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding-top: 17px;
  color: var(--black-2);
}
.elc-quote__author-name:before {
  position: absolute;
  content: "";
  width: 170px;
  background: #E9E9E9;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.elc-quote__author-role {
  font-size: 12px;
}
.elc__works-completed {
  display: flex;
  align-items: center;
  gap: 20px;
}
.elc__works-title {
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 2px;
}
.elc__works-title.content-dark {
  color: var(--black-2);
}
.elc__works-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
  line-height: 16px;
  display: inline-block;
}
.light .elc__works-text {
  color: var(--black-2);
}
.elc__works-text.content-dark {
  color: var(--black-2);
}
.elc-textslider {
  background: var(--white);
  padding: 23px 0;
}
.light .elc-textslider {
  background: var(--black-2);
}
.elc-textslider .swiper-wrapper {
  transition-timing-function: linear;
}
.elc-textslider .swiper-slide {
  width: auto;
}
.elc-textslider .title {
  font-weight: 400;
  color: var(--black-2);
  font-size: 36px;
}
.light .elc-textslider .title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .elc-textslider .title {
    font-size: 24px;
  }
}
.elc-textslider img {
  width: 29px;
}
@media only screen and (max-width: 1199px) {
  .elc-textslider img {
    width: 20px;
  }
}
.elc-textslider__area {
  padding-top: 10px;
}
.elc-brand__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--white);
  text-align: center;
  margin-bottom: 47px;
  position: relative;
  z-index: 2;
}
.elc-brand__text span {
  padding: 0 25px;
  background: var(--black-2);
}
.light .elc-brand__text span {
  background: var(--white);
  color: var(--black-2);
}
.elc-brand__text::before, .elc-brand__text::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: var(--black-6);
  z-index: -2;
}
.light .elc-brand__text::before, .light .elc-brand__text::after {
  background-color: #E9E9E9;
}
.elc-brand__text::after {
  margin-top: 2px;
}
.elc-brand__wrapper .brand__logo img {
  max-width: inherit;
  max-height: 50px;
}
.elc-service__sec-title-wrapper {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .elc-service__sec-title-wrapper {
    text-align: start;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-service__sec-title-wrapper {
    margin-inline-end: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-service__sec-title-wrapper {
    margin-inline-end: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-service__sec-title-wrapper {
    margin-inline-end: 0;
  }
}
.elc-service__sec-text {
  max-width: 440px;
  margin-inline-start: 40px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 991px) {
  .elc-service__sec-text {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-service__sec-text {
    margin-inline-start: 0;
    margin-top: 30px;
    padding-bottom: 25px;
  }
}
.elc-service__sec-text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black-9);
}
.light .elc-service__sec-text p {
  color: #555555;
}
.elc-service__sec-btn {
  margin-inline-start: 40px;
}
@media only screen and (max-width: 991px) {
  .elc-service__sec-btn {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-service__sec-btn {
    margin-inline-start: 0;
  }
}
.elc-service__grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 55px;
}
@media only screen and (max-width: 1399px) {
  .elc-service__grid {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-service__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .elc-service__grid {
    grid-template-columns: 1fr;
  }
}
.elc-service__item {
  padding: 40px 40px 40px;
  background: #B1DED9;
}
@media only screen and (max-width: 1399px) {
  .elc-service__item {
    padding: 30px 30px 30px;
  }
}
.elc-service__item:hover .elc-service__thumb img {
  transform: rotate(40deg);
}
.dir-rtl .elc-service__item:hover .elc-service__thumb img {
  transform: rotate(-40deg);
}
.elc-service__item:hover .elc-service__thumb:after {
  opacity: 1;
  transform: scale(1);
}
.elc-service__item:nth-child(4n+1) {
  background: #B1DED9;
}
.elc-service__item:nth-child(4n+1) .elc-service__title {
  color: #143935;
}
.elc-service__item:nth-child(4n+1) .elc-service__text p {
  color: #2E5853;
}
.elc-service__item:nth-child(4n+1) .elc-service__btn .wc-btn-default {
  border-color: #143935;
  color: #143935;
}
.elc-service__item:nth-child(4n+1) .elc-service__btn .wc-btn-default:hover {
  background-color: #143935;
}
.elc-service__item:nth-child(4n+2) {
  background: #CBCBF3;
}
.elc-service__item:nth-child(4n+2) .elc-service__title {
  color: #2A2A5A;
}
.elc-service__item:nth-child(4n+2) .elc-service__text p {
  color: #4B4B75;
}
.elc-service__item:nth-child(4n+2) .elc-service__btn .wc-btn-default {
  border-color: #2A2A5A;
  color: #2A2A5A;
}
.elc-service__item:nth-child(4n+2) .elc-service__btn .wc-btn-default:hover {
  background-color: #2A2A5A;
}
.elc-service__item:nth-child(4n+3) {
  background: #FADED7;
}
.elc-service__item:nth-child(4n+3) .elc-service__title {
  color: #4E322B;
}
.elc-service__item:nth-child(4n+3) .elc-service__text p {
  color: #74534A;
}
.elc-service__item:nth-child(4n+3) .elc-service__btn .wc-btn-default {
  border-color: #4E322B;
  color: #4E322B;
}
.elc-service__item:nth-child(4n+3) .elc-service__btn .wc-btn-default:hover {
  background-color: #4E322B;
}
.elc-service__item:nth-child(4n+4) {
  background: #CEEAC5;
}
.elc-service__item:nth-child(4n+4) .elc-service__title {
  color: #304529;
}
.elc-service__item:nth-child(4n+4) .elc-service__text p {
  color: #4B6343;
}
.elc-service__item:nth-child(4n+4) .elc-service__btn .wc-btn-default {
  border-color: #304529;
  color: #304529;
}
.elc-service__item:nth-child(4n+4) .elc-service__btn .wc-btn-default:hover {
  background-color: #304529;
}
.elc-service__item .elc-service__thumb {
  margin-bottom: 38px;
}
.elc-service__thumb {
  position: relative;
  display: inline-block;
}
.elc-service__thumb:after {
  position: absolute;
  content: "";
  width: 156px;
  height: 15px;
  flex-shrink: 0;
  background: linear-gradient(90deg, rgba(42, 42, 90, 0.28) 0%, rgba(42, 42, 90, 0) 100%);
  filter: blur(4px);
  inset-inline-start: 0;
  bottom: 8px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
}
.dir-rtl .elc-service__thumb:after {
  background: linear-gradient(270deg, rgba(42, 42, 90, 0.28) 0%, rgba(42, 42, 90, 0) 100%);
}
.elc-service__thumb img {
  transition: all 0.3s;
}
.elc-service__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.17;
  margin-bottom: 17px;
  color: #143935;
}
.elc-service__text p {
  font-size: 18px;
  color: #2E5853;
}
.elc-service__btn {
  margin-top: 33px;
}
.elc-service__btn .wc-btn-default {
  border: 1px solid #143935;
  color: #143935;
  text-transform: uppercase;
  padding: 14px 26px;
}
.elc-service__btn .wc-btn-default:hover {
  background-color: #143935;
  border-color: transparent;
  color: var(--white) !important;
}
.elc-experience__text {
  font-size: 30px;
  font-weight: 400;
  color: var(--white);
  margin-inline-start: 68px;
  line-height: 1;
}
.light .elc-experience__text {
  color: var(--black-2);
}
.elc-experience__years {
  font-size: 180px;
  font-weight: 500;
  color: var(--white);
  line-height: 0.75;
}
.light .elc-experience__years {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .elc-experience__years {
    font-size: 120px;
  }
}
.elc-about__inner {
  display: grid;
  grid-template-columns: 47% auto;
  justify-content: space-between;
  align-items: center;
  grid-gap: 130px;
}
@media only screen and (max-width: 1199px) {
  .elc-about__inner {
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-about__inner {
    grid-template-columns: auto;
  }
}
.elc-about__sec-text p {
  font-size: 18px;
  line-height: 1.5;
}
.light .elc-about__sec-text p {
  color: #555555;
}
.elc-about__text-and-experience {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .elc-about__text-and-experience {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 991px) {
  .elc-about__text-and-experience {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .elc-about__text-and-experience {
    grid-template-columns: auto;
  }
}
.elc-about__sec-title-wrapper {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .elc-about__sec-title-wrapper {
    margin-bottom: 30px;
  }
}
.elc-about__thumb-wrapper {
  position: relative;
  padding-inline-start: 70px;
  padding-inline-end: 70px;
  max-width: 550px;
}
@media only screen and (max-width: 1199px) {
  .elc-about__thumb-wrapper {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
.elc-about__thumb-wrapper .circle-half {
  position: absolute;
  inset-inline-start: 0;
  top: 140px;
  z-index: 2;
}
.elc-about__sticker {
  position: absolute;
  inset-inline-end: 0;
  bottom: 70px;
}
@media (max-width: 575px) {
  .elc-about__sticker {
    max-width: 170px;
  }
}
.elc-choose__area-content {
  display: grid;
  grid-template-columns: 44% auto;
  gap: 10px;
}
@media only screen and (max-width: 991px) {
  .elc-choose__area-content {
    grid-template-columns: auto;
  }
}
.elc-choose__thumb {
  background: #CDBCB2;
}
@media only screen and (max-width: 991px) {
  .elc-choose__thumb {
    max-height: 500px;
  }
}
.elc-choose__thumb .cf_image {
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .elc-choose__thumb .cf_image {
    max-height: 800px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-choose__thumb .cf_image {
    max-height: 700px;
  }
}
.elc-choose__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: luminosity;
}
.elc-choose__text-wrapper {
  background: #B1DEC8;
  padding-inline-start: 100px;
  padding-inline-end: 100px;
}
@media only screen and (max-width: 1399px) {
  .elc-choose__text-wrapper {
    padding-inline-start: 50px;
    padding-inline-end: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-choose__text-wrapper {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media (max-width: 575px) {
  .elc-choose__text-wrapper {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.elc-choose__sec-title {
  position: relative;
  padding-bottom: 85px;
}
.elc-choose__sec-title .arrow {
  position: absolute;
  bottom: 0;
  inset-inline-start: 47%;
}
.dir-rtl .elc-choose__sec-title .arrow {
  transform: rotateY(180deg);
}
@media only screen and (max-width: 1919px) {
  .elc-choose__sec-title .arrow {
    inset-inline-start: 60%;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-choose__sec-title .arrow {
    inset-inline-end: 75px;
  }
}
.elc-choose__sec-title-wrapper {
  margin-bottom: 75px;
}
.elc-choose__icon {
  width: 90px;
  height: 90px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--black-2);
  border-radius: 30px;
  background: #F8D57B;
  filter: drop-shadow(4px 4px 0 var(--black-2));
}
@media only screen and (max-width: 1199px) {
  .elc-choose__icon {
    width: 80px;
    height: 80px;
  }
}
.elc-choose__box-wrapper {
  display: grid;
  grid-template-columns: 280px 280px;
  max-width: 775px;
  position: relative;
  gap: 80px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .elc-choose__box-wrapper {
    grid-template-columns: auto auto;
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-choose__box-wrapper {
    grid-template-columns: auto;
  }
}
.elc-choose__box-wrapper:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #A4CBB8;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .elc-choose__box-wrapper:before {
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-20px);
  }
}
.elc-choose__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.16;
  color: var(--black-2);
}
.elc-choose__text p {
  font-size: 18px;
  font-weight: 400;
  color: var(--black-2);
  line-height: 1.5;
}
.elc-choose__box .elc-choose__icon {
  margin-bottom: 50px;
}
.elc-choose__box .elc-choose__title {
  margin-bottom: 15px;
}
.elc-choose__box:nth-child(1) .elc-choose__icon {
  background: #F8D57B;
}
.elc-choose__box:nth-child(2) .elc-choose__icon {
  background: #AF93FF;
}
.elc-features__box-wrapper .elc-feature__box:nth-child(odd) {
  flex-direction: row-reverse;
}
.elc-features__box-wrapper .elc-feature__box:nth-child(1) .elc-feature__thumb {
  background: #E9E6CB;
}
.elc-features__box-wrapper .elc-feature__box:nth-child(2) .elc-feature__thumb {
  background: #ACD1D9;
}
.elc-features__box-wrapper .elc-feature__box:not(:last-child) {
  margin-bottom: 150px;
}
@media only screen and (max-width: 1199px) {
  .elc-features__box-wrapper .elc-feature__box:not(:last-child) {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-features__box-wrapper .elc-feature__box:not(:last-child) {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-features__box-wrapper .elc-feature__box:not(:last-child) {
    margin-bottom: 60px;
  }
}
.elc-feature__box {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .elc-feature__box {
    flex-direction: column !important;
    align-items: flex-start;
  }
}
.elc-feature__box .elc-feature__title {
  margin-bottom: 30px;
}
.elc-feature__box .elc-feature__text {
  margin-bottom: 27px;
}
.elc-feature__box .elc-feature__btn {
  margin-top: 45px;
}
.elc-feature__box .elc-feature__content {
  max-width: 440px;
}
@media only screen and (max-width: 1199px) {
  .elc-feature__box .elc-feature__content {
    max-width: 400px;
  }
}
.elc-feature__thumb img {
  mix-blend-mode: luminosity;
}
.elc-feature__title {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.08;
  color: var(--white);
}
.light .elc-feature__title {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .elc-feature__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .elc-feature__title {
    font-size: 34px;
  }
}
.elc-feature__text p {
  font-size: 18px;
}
.light .elc-feature__text p {
  color: #555555;
}
.elc-feature__list li {
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
}
.light .elc-feature__list li {
  color: #555555;
}
.elc-feature__list li:not(:last-child) {
  margin-bottom: 6px;
}
.elc-feature__list li:before {
  content: url(../imgs/electrician/check-mark.png);
  margin-inline-end: 10px;
}
.light .elc-feature__list li:before {
  content: url(../imgs/electrician/check-mark-dark.png);
}
.dir-rtl .elc-feature__list li:before {
  transform: rotateY(180deg);
}
.elc-feature__btn .wc-btn-primary {
  font-size: 14px;
  font-weight: 500;
  padding: 17px 30px;
  background: #FFA38E;
  border-color: #FFA38E;
  text-transform: uppercase;
  border: 1px solid #FFA38E;
  border-radius: 60px;
}
.elc-feature__btn .wc-btn-primary:hover {
  background-color: transparent;
  color: var(--white);
  border-color: var(--white);
}
.light .elc-feature__btn .wc-btn-primary:hover {
  border-color: var(--black-2);
  color: var(--black-2);
}
.elc-video__area {
  position: relative;
}
.elc-video__thumb {
  background: #BFE0D6;
}
.elc-video__thumb img {
  mix-blend-mode: luminosity;
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.elc-video__btn .play_btn_5 {
  width: 140px;
  height: 140px;
  border-width: 2px;
  border-color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .elc-video__btn .play_btn_5 {
    height: 80px;
    width: 80px;
    border-width: 1px;
  }
  .elc-video__btn .play_btn_5 img {
    width: 20px;
  }
}
.elc-counter__items-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .elc-counter__items-wrapper {
    grid-template-columns: 1fr 1fr;
    place-items: center;
    grid-gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-counter__items-wrapper {
    grid-template-columns: 1fr;
  }
}
.elc-counter__items-wrapper .elc-counter__item:nth-child(1) .elc-counter__icon {
  background: #FFB2C9;
}
.elc-counter__items-wrapper .elc-counter__item:nth-child(2) .elc-counter__icon {
  background: #B9ADFF;
}
.elc-counter__items-wrapper .elc-counter__item:nth-child(3) .elc-counter__icon {
  background: #FFE1A6;
}
.elc-counter__items-wrapper .elc-counter__item:nth-child(4) .elc-counter__icon {
  background: #A2E9DC;
}
.elc-counter__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.elc-counter__item .counter__item {
  text-align: center;
}
.elc-counter__item .number {
  margin-bottom: 5px;
}
.elc-counter__item .count {
  font-size: 100px;
  font-weight: 400;
  color: var(--white);
  line-height: 0.88;
}
.light .elc-counter__item .count {
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .elc-counter__item .count {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-counter__item .count {
    font-size: 100px;
  }
}
@media (max-width: 575px) {
  .elc-counter__item .count {
    font-size: 80px;
  }
}
.elc-counter__text p {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}
.light .elc-counter__text p {
  color: #555555;
}
.elc-counter__icon {
  width: 55px;
  height: 55px;
  background: #FFB2C9;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.elc-product__sec-title-wrapper {
  text-align: center;
  margin-bottom: 70px;
}
.elc-product__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px;
}
@media only screen and (max-width: 991px) {
  .elc-product__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .elc-product__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.elc-product__box:hover .add-to-cart {
  transform: translateY(0px);
  opacity: 1;
}
.elc-product__box .add-to-cart {
  position: absolute;
  right: 30px;
  top: 30px;
  transform: translateY(-20px);
  opacity: 0;
  transition: all 0.3s;
}
.elc-product__thumb {
  padding: 40px;
  background: #212125;
  text-align: center;
  position: relative;
}
.light .elc-product__thumb {
  background: #F7F7FA;
}
.elc-product__title {
  font-size: 18px;
  font-weight: 500;
}
.elc-product__price {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.light .elc-product__price {
  color: var(--black-2);
}
.elc-product__content {
  text-align: center;
  padding-top: 23px;
}
.elc-product__content .elc-product__title {
  margin-bottom: 5px;
}
.elc-product__content .ratings {
  margin-bottom: 10px;
  justify-content: center;
}
.elc-test__area {
  background: #212125;
}
.elc-test__wrapper {
  display: grid;
  grid-template-columns: 80px calc(100% - 80px);
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .elc-test__wrapper {
    grid-template-columns: 100%;
  }
}
.elc-test__quote-icon {
  width: 80px;
  min-width: 80px;
}
.dir-rtl .elc-test__quote-icon {
  transform: rotate(180deg);
}
@media only screen and (max-width: 1399px) {
  .elc-test__quote-icon {
    width: 60px;
    min-width: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-test__quote-icon {
    margin: 0 auto;
  }
}
.elc-test__slider-wrapper {
  padding-inline-start: 70px;
  border-inline-start: 1px solid #333337;
  margin-inline-start: 70px;
}
@media only screen and (max-width: 1399px) {
  .elc-test__slider-wrapper {
    padding-inline-start: 50px;
    margin-inline-start: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-test__slider-wrapper {
    padding-inline-start: 0;
    margin-inline-start: 0;
    border-inline-start: 0;
    border-top: 1px solid #333337;
    padding-top: 50px;
    margin-top: 50px;
  }
}
.elc-test__thumb {
  background: #8FB2BD;
  display: inline-block;
}
.elc-test__thumb img {
  mix-blend-mode: luminosity;
}
.elc-test__content {
  padding-bottom: 135px;
}
@media only screen and (max-width: 991px) {
  .elc-test__content {
    padding-bottom: 75px;
  }
}
.elc-test__content .elc-test__text {
  margin-bottom: 47px;
}
.elc-test__content .elc-test__client-name {
  margin-bottom: 5px;
}
.light .elc-test__content .elc-test__client-name {
  color: var(--white);
}
.elc-test__text p {
  font-size: 36px;
  line-height: 1.22;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .elc-test__text p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-test__text p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-test__text p {
    font-size: 26px;
  }
}
.elc-test__client-name {
  font-size: 22px;
  font-weight: 500;
  color: var(--white);
}
.elc-test__client-role {
  font-size: 18px;
  font-weight: 400;
  color: #999999;
}
.light .elc-test__client-role {
  color: var(--gray-4);
}
.elc-test__item {
  display: grid;
  grid-template-columns: 38% 1fr;
  grid-gap: 110px;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .elc-test__item {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-test__item {
    grid-template-columns: 1fr;
  }
}
.elc-test__nav {
  display: flex;
  gap: 60px;
  position: absolute;
  inset-inline-start: calc(38% + 110px);
  bottom: 50px;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .elc-test__nav {
    inset-inline-start: calc(38% + 50px);
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .elc-test__nav {
    inset-inline-start: 0;
  }
}
.dir-rtl .elc-test__nav .btn-prev img,
.dir-rtl .elc-test__nav .btn-next img {
  transform: rotateY(180deg);
}
.elc-blog__sec-title-wrapper {
  text-align: center;
  margin-bottom: 70px;
}
.elc-blog__items-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .elc-blog__items-wrapper {
    grid-template-columns: 1fr;
  }
}
.elc-blog__thumb {
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .elc-blog__thumb {
    max-height: 300px;
  }
}
.elc-blog__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.elc-blog__content {
  background: #FAE7E7;
  padding: 60px 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .elc-blog__content {
    padding: 50px 35px;
  }
}
@media (max-width: 575px) {
  .elc-blog__content {
    padding: 40px 35px;
  }
}
.elc-blog__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 27px;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .elc-blog__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-blog__title br {
    display: none;
  }
}
.elc-blog__meta-items a {
  font-size: 14px;
  font-weight: 400;
  color: var(--black-2);
  display: inline-block;
  line-height: 1;
}
.elc-blog__meta-items a.has-top-line {
  padding-top: 9px;
}
.elc-blog__meta-items a.has-top-line:before {
  width: 50px;
  height: 1px;
  background: var(--black-2);
}
.elc-blog__item {
  display: grid;
  grid-template-columns: 48% 1fr;
}
@media only screen and (max-width: 1199px) {
  .elc-blog__item {
    grid-template-columns: 1fr;
  }
}
.elc-blog__item .wc-btn-primary {
  padding: 15px 30px;
  font-size: 14px;
  background-color: var(--black-2);
  color: var(--white);
  text-transform: uppercase;
  border: 1px solid var(--black-2);
  border-radius: 60px;
}
.elc-blog__item .wc-btn-primary:hover {
  background-color: transparent;
  color: var(--black-2);
  border-color: var(--black-2);
}
.elc-blog__item:nth-child(2n+1) .elc-blog__content {
  background-color: #FAE7E7;
}
.elc-blog__item:nth-child(2n+2) .elc-blog__content {
  background-color: #D9F2E6;
}
.elc-blog-details__quote {
  margin-top: 40px;
  margin-bottom: 40px;
}
.elc-blog-details__quote .blog-details__quote {
  grid-gap: 50px;
}
@media only screen and (max-width: 767px) {
  .elc-blog-details__quote .blog-details__quote {
    grid-gap: 20px;
  }
}
.elc-blog-details__quote .blog-details__quote-icon img {
  margin-top: 7px;
}
.elc-blog-details__quote .blog-details__quote-text p {
  font-size: 28px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 1199px) {
  .elc-blog-details__quote .blog-details__quote-text p {
    font-size: 24px;
  }
}
.elc__blogdetails-metainfo p {
  font-weight: 400;
  line-height: 1.1;
  color: var(--gray-4);
  font-size: 14px;
}
.elc__blogdetails-metainfo p .date {
  display: inline-block;
  position: relative;
  padding-inline-start: 40px;
}
.elc__blogdetails-metainfo p .date::before {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  top: 50%;
  background: var(--gray-4);
  height: 1px;
  width: 20px;
}
.elc-contact__sec-title-wrapper {
  margin-bottom: 55px;
}
.elc-contact__btn .wc-btn-primary {
  background: #FFA38E;
  border-color: #FFA38E;
  padding: 21px 30px;
  text-transform: uppercase;
  border: 1px solid #FFA38E;
  border-radius: 60px;
}
.elc-contact__btn .wc-btn-primary:hover {
  background-color: transparent;
  color: var(--white);
  border-color: var(--white);
}
.light .elc-contact__btn .wc-btn-primary:hover {
  border-color: var(--black-2);
  color: var(--black-2);
}
.elc-contact__text-wrapper {
  max-width: 710px;
  margin: 0 auto;
  text-align: center;
}
.elc-copyright__area {
  background: #D0E0C3;
}
.elc-copyright__text {
  padding: 16px 0;
  border-top: 1px solid #BFCDB3;
}
.elc-copyright__text p {
  font-size: 18px;
  font-weight: 400;
  color: var(--black-2);
  text-align: center;
}
.elc-copyright__text p a {
  color: var(--black-2);
}
.elc-footer__area {
  background: #D0E0C3;
}
.elc-footer__widgets-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .elc-footer__widgets-wrapper {
    grid-template-columns: auto auto auto;
    grid-gap: 50px;
  }
}
@media (max-width: 575px) {
  .elc-footer__widgets-wrapper {
    grid-template-columns: 1fr;
  }
  .elc-footer__widgets-wrapper .footer__widget:nth-child(2) {
    order: 5;
  }
}
.elc-footer__text {
  max-width: 325px;
  margin-bottom: 33px;
}
@media only screen and (max-width: 1199px) {
  .elc-footer__text {
    max-width: 255px;
  }
}
.elc-footer__text p {
  font-size: 18px;
  color: var(--black-2);
}
.elc-footer__widget-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--black-2);
  margin-bottom: 35px;
}
.elc-footer__menu a {
  font-size: 16px;
  font-weight: 400;
  color: var(--black-2);
}
.elc-footer__meta-info li:not(:last-child) {
  margin-bottom: 22px;
}
.elc-footer__meta-info .elc-footer__meta-title {
  margin-bottom: 4px;
}
.elc-footer__meta-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--black-2);
}
.light .elc-footer__meta-title {
  color: var(--black-2);
}
.elc-footer__meta-text {
  font-size: 16px;
  font-weight: 400;
  color: var(--black-2);
}
.light .elc-footer__meta-text {
  color: var(--black-2);
}
.elc-footer__menu li:not(:last-child) {
  margin-bottom: 6px;
}
.elc-footer__logo {
  margin-bottom: 30px;
  display: inline-block;
}
.elc-footer__go-up {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 55px;
  margin: 0 auto;
}
.elc-footer__go-up:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #BFCDB3;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.elc-inab-service__area {
  background: #B1DEC8;
}
.elc-inab-service__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .elc-inab-service__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .elc-inab-service__items {
    grid-template-columns: 1fr;
  }
}
.elc-inab-service__item {
  background: var(--white);
  padding: 70px 40px;
}
.elc-inab-service__item .purple-bg {
  background: #AF93FF;
}
.elc-inab-service__item .blue-bg {
  background: #7BDAF8;
}
.elc__accordion .accordion-button::after {
  background-image: none;
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  border: 0.5px solid #999999;
  width: 32px;
  height: 32px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 50%;
  text-align: center;
  color: #999999;
}
.light .elc__accordion .accordion-button::after {
  color: var(--black-2);
}
.dir-rtl .elc__accordion .accordion-button::after {
  margin-left: unset;
  margin-right: auto;
}
.elc__accordion .accordion-button:not(.collapsed)::after {
  content: "\f068";
  color: var(--white);
  background-color: transparent;
  border-color: white;
}
.light .elc__accordion .accordion-button:not(.collapsed)::after {
  color: var(--white);
  background: var(--black-2);
}
.elc__accordion .accordion-button {
  border: 0;
  font-size: 30px;
  padding: 38px 0px;
  color: #999999;
  background-color: transparent;
  border-radius: 0 !important;
  text-align: start;
}
@media only screen and (max-width: 1199px) {
  .elc__accordion .accordion-button {
    font-size: 22px;
    padding: 28px 0px;
  }
}
.elc__accordion .accordion-button:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.elc__accordion .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.elc__accordion .accordion-item {
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid #28292C;
}
.light .elc__accordion .accordion-item {
  border-color: #E7E7E7;
}
.elc__accordion .accordion-item:first-child .accordion-button {
  padding-top: 0;
}
.elc__accordion .accordion-item:last-child {
  border-bottom: 0;
  border-radius: 0;
}
.elc__accordion .accordion-item:last-child .accordion-body {
  padding-bottom: 0px;
}
.elc__accordion .accordion-item p {
  padding: 0;
  border: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.elc__accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--white);
}
.light .elc__accordion .accordion-button:not(.collapsed) {
  color: var(--black-2);
}
.elc__accordion .accordion-body {
  padding: 0;
  padding-top: 0;
  padding-bottom: 25px;
}
.elc-insb-hero__area {
  padding-inline-start: 200px;
  padding-inline-end: 170px;
}
@media only screen and (max-width: 1919px) {
  .elc-insb-hero__area {
    padding-inline-start: 120px;
    padding-inline-end: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .elc-insb-hero__area {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-insb-hero__area {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
.elc-insb-hero__wrapper {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  gap: 50px;
  align-items: center;
  padding-top: 50px;
}
@media only screen and (max-width: 991px) {
  .elc-insb-hero__wrapper {
    grid-template-columns: 1fr;
  }
}
.elc-insb-hero__content {
  display: flex;
  gap: 80px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .elc-insb-hero__content {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-insb-hero__image {
    max-width: 400px;
  }
}
.elc-insb-hero__text-wrapper {
  position: relative;
}
.elc-insb-hero__text-wrapper p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 1199px) {
  .elc-insb-hero__text-wrapper p br {
    display: none;
  }
}
.elc-insb-hero__text-wrapper::before {
  content: "";
  position: absolute;
  inset-inline-start: -40px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(222, 222, 222, 0.3215686275);
  width: 1px;
  height: 125px;
}
.light .elc-insb-hero__text-wrapper::before {
  background-color: #DEDEDE;
}
.elc-insd-hero__text {
  max-width: 550px;
}
@media only screen and (max-width: 991px) {
  .elc-insd-hero__meta {
    padding-top: 50px;
  }
}
.elc-insd-hero__meta li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--gray-4);
}
.light .elc-insd-hero__meta li {
  border-color: #D4D4D4;
}
@media only screen and (max-width: 1199px) {
  .elc-insd-hero__meta li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-insd-hero__meta li {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.elc-insd-hero__meta li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.elc-insd-hero__meta li span {
  color: var(--gray-4);
  font-size: 20px;
  line-height: 1.4;
}
.light .elc-insd-hero__meta li span {
  color: #555555;
}
@media only screen and (max-width: 1199px) {
  .elc-insd-hero__meta li span {
    font-size: 18px;
  }
}
.elc-insd-hero__meta li span:first-child {
  font-weight: 500;
  color: var(--white);
}
.light .elc-insd-hero__meta li span:first-child {
  color: var(--black-2);
}
.elc-insd-thumbs__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 10px;
}
.elc-insd-thumbs__items img {
  width: 100%;
}
.elc-insd-challenge__area p {
  font-size: 18px;
}
.elc-insd-challenge-title {
  color: var(--white);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
  .elc-insd-challenge-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .elc-insd-challenge-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-insd-challenge-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.elc-insd-challenge-subtitle {
  color: var(--white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 1199px) {
  .elc-insd-challenge-subtitle {
    font-size: 20px;
  }
}
.elc-insd-challenge__feature-one li {
  color: var(--gray-4);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
}
.elc-inbd-hero__thumb img {
  width: 100%;
}
.elc-inbd-hero__content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.555;
}
.elc-inbd-hero__feature {
  display: flex;
  flex-wrap: wrap;
}
.elc-inbd-hero__feature li {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .elc-inbd-hero__feature li {
    width: 100%;
  }
}
.elc-inbd-sidebar__area .lawyer__blog-related {
  background-color: #3D3E41;
}
.light .elc-inbd-sidebar__area .lawyer__blog-related {
  background-color: #F9F9F9;
}
.elc-inbd-sidebar__area .lawyer__blog-related-date {
  font-size: 14px;
}
.elc-inbd-sidebar__area .lawyer-contact__box {
  background: #3D3E41;
}
.light .elc-inbd-sidebar__area .lawyer-contact__box {
  background-color: var(--black-2);
}
.elc-inbd-sidebar__area .lawyer-contact__box .wc-btn-default {
  background-color: #FFA38E;
  color: var(--black-2);
  font-size: 16px;
  padding: 16px 45px;
}
.elc-inbd-sidebar__area .lawyer-contact__box .wc-btn-default:hover {
  color: var(--white);
  border-color: var(--white);
  background-color: transparent;
}
.elc-inbd-sidebar__area .lawyer__blog-related-item {
  border-bottom: 1px dashed var(--white-4);
}
.light .elc-inbd-sidebar__area .lawyer__blog-related-item {
  border-color: #D0D0D0;
}
.elc-inbd-sidebar__area .lawyer__blog-related-item:last-child {
  border-bottom: 0;
}
.elc-inbd-comment__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .elc-inbd-comment__title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .elc-inbd-comment-form {
    padding-top: 20px;
  }
}
.elc-inbd-comment__form {
  padding-top: 65px;
}
.elc-inbd-comment__field label {
  display: block;
  margin-bottom: 15px;
  color: var(--gray-4);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
.light .elc-inbd-comment__field label {
  color: #555555;
}
.elc-inbd-comment__field input, .elc-inbd-comment__field textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  background-color: #212125;
  border: 0;
  color: var(--white);
}
.light .elc-inbd-comment__field input, .light .elc-inbd-comment__field textarea {
  background-color: #F5F5F5;
  color: var(--black-2);
}
.elc-inbd-comment__field input::-moz-placeholder, .elc-inbd-comment__field textarea::-moz-placeholder {
  color: #BEBEBE;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.elc-inbd-comment__field input::placeholder, .elc-inbd-comment__field textarea::placeholder {
  color: #BEBEBE;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.light .elc-inbd-comment__field input::-moz-placeholder, .light .elc-inbd-comment__field textarea::-moz-placeholder {
  color: #999999;
}
.light .elc-inbd-comment__field input::placeholder, .light .elc-inbd-comment__field textarea::placeholder {
  color: #999999;
}
.elc-inbd-comment__field input:focus, .elc-inbd-comment__field textarea:focus {
  outline: 0;
}
.elc-inbd-comment__field textarea {
  height: 120px;
  resize: none;
}
.elc-inbd-comment__btn-wrapper .wc-btn-default {
  background-color: #FFA38E;
  border-color: #FFA38E;
  color: var(--black-2);
  font-size: 16px;
  padding: 16px 35px;
}
.elc-inbd-comment__btn-wrapper .wc-btn-default:hover {
  border-color: var(--white);
  background-color: transparent;
  color: var(--white);
}
.light .elc-inbd-comment__btn-wrapper .wc-btn-default:hover {
  border-color: var(--black-2);
  color: var(--black-2);
}
.elc-inbd-share__area {
  border-top: 1px solid rgba(153, 153, 153, 0.3);
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
  padding-top: 20px;
  padding-bottom: 20px;
}
.light .elc-inbd-share__area {
  border-color: #EAEAEA;
}
.elc-inbd-share__wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .elc-inbd-share__wrapper {
    margin-bottom: 20px;
  }
}
.elc-inbd-share__wrapper p {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
.light .elc-inbd-share__wrapper p {
  color: var(--black-2);
}
.elc-inbd-share__wrapper .elc-social-media a {
  border: 1px solid var(--gray);
  color: var(--gray);
}
.light .elc-inbd-share__wrapper .elc-social-media a {
  border-color: #555555;
  color: #555555;
  background-color: var(--white);
}
.elc-inbd-share__wrapper .elc-social-media a:hover {
  border-color: transparent;
  background-color: var(--white);
  color: var(--black-2);
}
.light .elc-inbd-share__wrapper .elc-social-media a:hover {
  background-color: #555555;
  color: var(--white);
}
.elc-inbd-tags {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}
.elc-inbd-tags.sfluence-social-media li a {
  background-color: transparent;
  border-radius: 15px;
  border: 1px solid var(--black-9);
  padding: 5px 12px;
}
@media only screen and (max-width: 767px) {
  .elc-inbd-tags {
    justify-content: flex-start;
  }
}
.elc-inbd-tags li a {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  border-radius: 15px;
  background-color: #212125;
  color: var(--gray-4);
}
.light .elc-inbd-tags li a {
  color: #555555;
  background-color: #F4F4F4;
}
.elc-inbd-tags li a:hover {
  color: var(--black-2);
  background-color: var(--white);
}
.light .elc-inbd-tags li a:hover {
  background-color: var(--black-2);
  color: var(--white);
}
.elc-inbd-tags li:first-child {
  margin-right: 20px;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
}
.light .elc-inbd-tags li:first-child {
  color: var(--black-2);
}
.elc-inc-contact__wrapper {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}
.elc-inc-contact__info-item p {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.light .elc-inc-contact__info-item p {
  color: var(--black-2);
}
.elc-inc-contact__info-item a {
  color: var(--black-9);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.elc-inc-contact__form {
  background-color: #26282D;
  padding: 60px;
}
.light .elc-inc-contact__form {
  background-color: #F5F5F5;
}
.light .elc-inc-contact__form .elc-inbd-comment__field input, .light .elc-inc-contact__form .elc-inbd-comment__field textarea {
  background-color: var(--white);
  color: var(--black-2);
}

.elc-feature__boxicon {
  display: flex;
  gap: 75px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .elc-feature__boxicon {
    flex-wrap: wrap;
  }
}
.elc-feature__boxicon .elc-feature__thumb {
  padding-inline-end: 40px;
  position: relative;
}
.elc-feature__boxicon .elc-feature__thumb img {
  mix-blend-mode: unset;
}
.elc-feature__boxicon .elc-feature__thumb .cirlce-half-coloured {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}
.elc-feature__boxicon .elc-feature__content {
  max-width: 515px;
}

.intDesigner-header {
  padding: 15px 100px 0;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-header {
    padding: 15px 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-header {
    padding: 0 15px;
  }
}
.intDesigner-header__logo {
  padding: 18px 0;
  position: relative;
}
.intDesigner-header__inner {
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.intDesigner-header__inner .main-menu li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.intDesigner-header__nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .intDesigner-header__nav {
    display: none;
  }
}
.intDesigner-header__nav .dp-menu {
  background-color: var(--black-4);
}
.intDesigner-header__nav .dp-menu li a {
  background-color: var(--black-4);
}
.intDesigner-header__nav .dp-menu li a:hover {
  background-color: var(--black-2);
}
.intDesigner-header__nav .main-menu {
  gap: 60px;
  justify-content: flex-end;
}
.intDesigner-header__others {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
  padding: 20px 0;
}
.intDesigner-header__navicon .menu-icon, .intDesigner-header__navicon .menu-icon-2 {
  width: 40px;
  height: 12px;
  margin-top: 0;
}
.intDesigner-header__navicon .menu-icon span, .intDesigner-header__navicon .menu-icon-2 span {
  display: none;
}
.intDesigner-header__navicon .menu-icon::before, .intDesigner-header__navicon .menu-icon-2::before, .intDesigner-header__navicon .menu-icon::after, .intDesigner-header__navicon .menu-icon-2::after {
  background: #ffffff;
}
.intDesigner-header__navicon .menu-icon::after, .intDesigner-header__navicon .menu-icon-2::after {
  width: 25px;
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.intDesigner-hero__area {
  position: relative;
  z-index: 1;
}
.intDesigner-hero__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
  opacity: 0.2;
}
.intDesigner-hero__area-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
}
.intDesigner-hero__area-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intDesigner-hero__title {
  font-size: 170px;
  line-height: 1;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
}
.light .intDesigner-hero__title {
  color: var(--white);
}
@media only screen and (max-width: 1919px) {
  .intDesigner-hero__title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1399px) {
  .intDesigner-hero__title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .intDesigner-hero__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-hero__title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-hero__title {
    font-size: 60px;
  }
}
.intDesigner-hero__subtitle {
  font-size: 24px;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 45px;
}
.light .intDesigner-hero__subtitle {
  color: var(--white);
}
.intDesigner-hero__content-wrapper {
  margin-top: 100px;
  margin-bottom: 190px;
}
@media only screen and (max-width: 1919px) {
  .intDesigner-hero__content-wrapper {
    margin-bottom: 100px;
  }
}

.intDesigner-about__area {
  position: relative;
  z-index: 1;
}
.intDesigner-about__area-bg {
  position: absolute;
  width: calc(100% - 200px);
  height: calc(100% - 200px);
  top: 100px;
  inset-inline-start: 100px;
  z-index: -1;
}
@media only screen and (max-width: 1919px) {
  .intDesigner-about__area-bg {
    width: calc(100% - 140px);
    height: calc(100% - 140px);
    top: 70px;
    inset-inline-start: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-about__area-bg {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    top: 0;
    inset-inline-start: 0;
  }
}
.intDesigner-about__area-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intDesigner-about__area-inner {
  display: grid;
  align-items: center;
  grid-template-columns: 48% 1fr;
  grid-gap: 110px;
  padding: 0 110px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-about__area-inner {
    grid-gap: 60px;
    padding: 0 60px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-about__area-inner {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-about__area-inner {
    padding: 0 0;
  }
}
.intDesigner-about__sec-title-wrapper {
  text-align: center;
  margin-bottom: 50px;
}
.intDesigner-about__sec-title-wrapper .sec-sub-title-18 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .intDesigner-about__sec-title-wrapper .sec-sub-title-18 {
    margin-bottom: 20px;
  }
}
.intDesigner-about__title {
  font-size: 50px;
  color: var(--white);
  margin-bottom: 30px;
  text-transform: uppercase;
}
.light .intDesigner-about__title {
  color: var(--black-2);
}
.intDesigner-about__text p {
  font-size: 18px;
}
.light .intDesigner-about__text p {
  color: #555555;
}
.intDesigner-about__sticker {
  margin-top: 95px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-about__sticker {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-about__sticker {
    margin-top: 50px;
  }
}

.intDesigner-project__area {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .intDesigner-project__area {
    padding-top: 60px;
  }
}
.intDesigner-project__area-title-box {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 120px;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .intDesigner-project__area-title-box {
    grid-template-columns: 1fr;
    grid-gap: 50px;
  }
}
.intDesigner-project__area-title-box .intDesigner-services__box {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .intDesigner-project__area-title-box .intDesigner-services__box {
    margin-bottom: 0;
  }
}
.intDesigner-project__show-more .wc-btn-default {
  font-size: 18px;
  font-weight: 600;
  padding: 30px 70px;
  background-color: var(--white);
  color: var(--black-2);
  text-transform: uppercase;
  border-color: transparent;
}
.light .intDesigner-project__show-more .wc-btn-default {
  background-color: var(--black-2);
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .intDesigner-project__show-more .wc-btn-default {
    padding: 20px 40px;
    font-weight: 500;
  }
}
.intDesigner-project__show-more .wc-btn-default:hover {
  background: transparent;
}
.light .intDesigner-project__show-more .wc-btn-default:hover {
  color: var(--black-2);
}
.intDesigner-project__inner-title-box {
  margin-top: 80px;
}

.intDesigner-services__box .years-since {
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  display: inline-block;
  font-family: "Glorify DEMO";
  margin-bottom: 25px;
}
.light .intDesigner-services__box .years-since {
  color: #555555;
}
.intDesigner-services__box .years-since:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  background: #999999;
  inset-inline-start: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);
}
.light .intDesigner-services__box .years-since:after {
  background: #555555;
}
.intDesigner-services__list li {
  font-size: 24px;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Glorify DEMO";
  line-height: 1;
}
.light .intDesigner-services__list li {
  color: var(--black-2);
}
.intDesigner-services__list li:not(:last-child) {
  margin-bottom: 5px;
}

.intDesigner-portfolio__items {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 90px;
       column-gap: 90px;
}
@media only screen and (max-width: 991px) {
  .intDesigner-portfolio__items {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-portfolio__items {
    -moz-columns: 1;
         columns: 1;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.intDesigner-portfolio__item {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 150px;
}
.intDesigner-portfolio__item:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-portfolio__item {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-portfolio__item {
    margin-top: 50px;
  }
}
.intDesigner-portfolio__thumb {
  overflow: hidden;
}
.intDesigner-portfolio__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.4;
  color: var(--white);
  padding-top: 20px;
  padding-bottom: 8px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.light .intDesigner-portfolio__title {
  color: var(--black-2);
}
.intDesigner-portfolio__title:hover {
  color: var(--primary);
}
.intDesigner-portfolio__title.architect {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}
.intDesigner-portfolio__info {
  display: inline-block;
  text-align: start;
}
.intDesigner-portfolio__info img {
  max-width: 100%;
}
.intDesigner-portfolio__info p {
  font-size: 14px;
}
.light .intDesigner-portfolio__info p {
  color: #555555;
}

.intDesigner-counter__items-wrapper {
  display: grid;
  justify-content: center;
}
.intDesigner-counter__number {
  font-size: 500px;
  font-weight: 400;
  color: var(--white);
  line-height: 0.93;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .intDesigner-counter__number {
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .intDesigner-counter__number {
    font-size: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .intDesigner-counter__number {
    font-size: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-counter__number {
    font-size: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-counter__number {
    font-size: 150px;
  }
}
.intDesigner-counter__number span {
  font-size: 90px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1399px) {
  .intDesigner-counter__number span {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .intDesigner-counter__number span {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-counter__number span {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-counter__number span {
    font-size: 50px;
    margin-bottom: 25px;
  }
}
.intDesigner-counter__text p {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: var(--white);
  font-family: "Glorify DEMO";
}
.light .intDesigner-counter__text p {
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .intDesigner-counter__text p {
    font-size: 26px;
  }
}
.intDesigner-counter__text p span {
  color: #555555;
  text-decoration: underline;
}
.light .intDesigner-counter__text p span {
  color: #999999;
}
.intDesigner-counter__item {
  text-align: center;
}
.intDesigner-counter__item .intDesigner-counter__number {
  margin-bottom: -60px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-counter__item .intDesigner-counter__number {
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-counter__item .intDesigner-counter__number {
    margin-bottom: 0;
  }
}

.intDesigner-service__area {
  position: relative;
}
.intDesigner-service__area.dark {
  background: #212125;
}
.light .intDesigner-service__area.dark {
  background: var(--black-2);
}
.intDesigner-service__area.dark .side-title {
  color: #999999;
}
.intDesigner-service__area.dark .sec-sub-title-18 {
  color: var(--white);
}
.intDesigner-service__area.dark .sec-title-18 {
  color: var(--white);
}
.intDesigner-service__area.dark .active .intDesigner-service__name .count {
  color: var(--white);
}
.intDesigner-service__area.dark .active .intDesigner-service__name .intDesigner-service__title {
  color: var(--white);
}
.intDesigner-service__area.dark .active .intDesigner-service__name .intDesigner-service__number {
  color: var(--white);
}
.intDesigner-service__area.dark .wc-btn-default {
  color: var(--white);
}
.intDesigner-service__area.dark .wc-btn-default:hover {
  color: var(--black-2);
  border-color: transparent;
}
.intDesigner-service__sec-title-wrapper .sec-sub-title-18 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .intDesigner-service__sec-title-wrapper .sec-sub-title-18 {
    margin-bottom: 20px;
  }
}
.intDesigner-service__items {
  position: relative;
  min-height: 720px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-service__items {
    min-height: 610px;
  }
}
.intDesigner-service__items .nav {
  display: block;
  border-bottom: 0;
}
.intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
  margin-bottom: 44px;
}
@media (max-width: 575px) {
  .intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.intDesigner-service__items .nav-tabs .nav-link {
  padding: 0;
  border: 0;
}
.intDesigner-service__items .nav-tabs .nav-link.active {
  background-color: transparent;
}
.intDesigner-service__title {
  font-size: 50px;
  color: #999999;
  line-height: 1;
  text-transform: uppercase;
}
.light .intDesigner-service__title {
  color: #999999;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-service__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .intDesigner-service__title {
    font-size: 30px;
  }
}
.intDesigner-service__number {
  font-size: 20px;
  color: #999999;
  font-family: "Glorify DEMO";
  line-height: 1;
  text-align: start;
}
.intDesigner-service__name {
  display: grid;
  grid-template-columns: 80px auto;
}
@media (max-width: 575px) {
  .intDesigner-service__name {
    grid-template-columns: 50px auto;
  }
}
.intDesigner-service__name:not(:last-child) {
  margin-bottom: 44px;
}
@media (max-width: 575px) {
  .intDesigner-service__name:not(:last-child) {
    margin-bottom: 24px;
  }
}
.intDesigner-service__name-wrapper {
  margin-bottom: 55px;
}
.intDesigner-service__text p {
  font-size: 18px;
  max-width: 440px;
  color: #999999;
}
.light .intDesigner-service__text p {
  color: #999999;
}
.intDesigner-service__btn {
  margin-top: 63px;
}
.intDesigner-service__btn .wc-btn-default {
  padding: 27px 45px;
  text-transform: uppercase;
}
.intDesigner-service__content {
  display: none;
}
.intDesigner-service__content.active {
  display: block;
}
.intDesigner-service__hoverImg {
  margin-bottom: 43px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  max-width: 520px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-service__hoverImg {
    max-width: 440px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-service__hoverImg {
    position: static;
  }
}

.active .intDesigner-service__content {
  display: block;
}
.active .count {
  color: var(--white);
}
.light .active .count {
  color: var(--black-2);
}
.active .intDesigner-service__title {
  color: var(--white);
}
.light .active .intDesigner-service__title {
  color: var(--black-2);
}
.active .intDesigner-service__number {
  color: var(--white);
}
.light .active .intDesigner-service__number {
  color: var(--black-2);
}

.intDesigner-award__sec-title-wrapper {
  margin-bottom: 35px;
}
.intDesigner-award__area-text-box {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 991px) {
  .intDesigner-award__area-text-box {
    grid-template-columns: auto;
  }
}
.intDesigner-award__area-text-box .sec-title-18 {
  font-size: 100px;
}
@media only screen and (max-width: 1399px) {
  .intDesigner-award__area-text-box .sec-title-18 {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .intDesigner-award__area-text-box .sec-title-18 {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-award__area-text-box .sec-title-18 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-award__area-text-box .sec-title-18 {
    font-size: 40px;
  }
}
.intDesigner-award__text {
  max-width: 410px;
  margin-top: 45px;
}
.intDesigner-award__text p {
  font-size: 18px;
}
.light .intDesigner-award__text p {
  color: #555555;
}
.intDesigner-award__list {
  display: flex;
  gap: 10px;
}
.intDesigner-award__list span {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
  text-transform: uppercase;
  border: 1.2px solid var(--white);
  border-radius: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.light .intDesigner-award__list span {
  color: var(--black-2);
  border-color: var(--black-2);
}

.section-separator__line-vertical {
  width: 1px;
  height: 100px;
  background: var(--white);
  margin: 0 auto;
}
.light .section-separator__line-vertical {
  background: var(--black-2);
}

.intDesigner-brand__item-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .intDesigner-brand__item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.intDesigner-brand__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  min-width: 100px;
  aspect-ratio: 100/100;
  padding: 0 20px;
  margin-top: -1px;
  border-left-color: transparent;
}
.light .intDesigner-brand__item {
  border-color: var(--black-2);
  border-left-color: transparent;
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item {
    border: none;
    aspect-ratio: 100/50;
  }
  .intDesigner-brand__item.border-0 {
    display: none;
  }
}
.intDesigner-brand__item:nth-child(1) {
  grid-column-start: 2;
  border-left-color: var(--white);
}
.light .intDesigner-brand__item:nth-child(1) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item:nth-child(1) {
    grid-column-start: auto;
  }
}
.intDesigner-brand__item:nth-child(2) {
  grid-column-start: 1;
  border-left-color: var(--white);
}
.light .intDesigner-brand__item:nth-child(2) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item:nth-child(2) {
    grid-column-start: auto;
  }
}
.intDesigner-brand__item:nth-child(7) {
  grid-column-start: 2;
  border-left-color: var(--white);
}
.light .intDesigner-brand__item:nth-child(7) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item:nth-child(7) {
    grid-column-start: auto;
  }
}
.intDesigner-brand__item:nth-child(12) {
  grid-column-start: 5;
  border-left-color: var(--white);
}
.light .intDesigner-brand__item:nth-child(12) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__item:nth-child(12) {
    grid-column-start: auto;
  }
}
.intDesigner-brand__area-text p {
  font-size: 20px;
  color: var(--white);
  font-family: "Glorify DEMO";
  line-height: 1.25;
  text-transform: uppercase;
  max-width: 300px;
  margin: 0 auto;
  padding-inline-start: 20px;
  transform: translateY(100%);
  margin-bottom: -70px;
  padding-top: 20px;
}
.light .intDesigner-brand__area-text p {
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .intDesigner-brand__area-text p {
    margin-bottom: -60px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .intDesigner-brand__area-text p {
    margin-bottom: -50px;
    padding-top: 0px;
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-brand__area-text p {
    padding-inline-start: 60px;
    transform: translateY(70%);
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-brand__area-text p {
    transform: none;
    margin-bottom: 30px;
    padding-inline-start: 0;
    text-align: center;
  }
}

.intDesigner-footer__area {
  border-top: 1px solid #333337;
}
.light .intDesigner-footer__area {
  border-color: #F1F1F1;
}
.intDesigner-footer__widgets-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  grid-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .intDesigner-footer__widgets-wrapper {
    grid-template-columns: auto auto;
  }
}
.intDesigner-footer__menu a {
  font-size: 14px;
  color: var(--white);
  text-transform: uppercase;
  font-family: "Glorify DEMO";
}
.light .intDesigner-footer__menu a {
  color: var(--black-2);
}

.intDesigner-copyright__area {
  border-top: 1px solid #333337;
  padding: 17px 0;
  background-color: var(--black-2);
}
.light .intDesigner-copyright__area {
  border-color: #F1F1F1;
  background-color: var(--white);
}
.intDesigner-copyright__inner {
  display: grid;
  grid-template-columns: 280px 1fr 280px;
  gap: 40px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .intDesigner-copyright__inner {
    grid-template-columns: auto auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .intDesigner-copyright__inner {
    grid-template-columns: auto;
    grid-gap: 15px;
    justify-content: center;
  }
}
.intDesigner-copyright__text p {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--white);
  font-family: "Glorify DEMO";
}
.light .intDesigner-copyright__text p {
  color: var(--black-2);
}
.intDesigner-copyright__text p a {
  color: var(--white);
}
.light .intDesigner-copyright__text p a {
  color: var(--black-2);
}
.intDesigner-copyright__social {
  display: flex;
  justify-content: center;
  gap: 28px;
}
.intDesigner-copyright__social a {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--white);
  font-family: "Glorify DEMO";
}
.light .intDesigner-copyright__social a {
  color: var(--black-2);
}
.intDesigner-copyright__social a:not(:last-child) {
  position: relative;
}
.intDesigner-copyright__social a:not(:last-child):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--white);
  inset-inline-end: -14px;
  top: 3px;
}
.light .intDesigner-copyright__social a:not(:last-child):after {
  background-color: var(--black-2);
}

.go-top__btn {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Glorify DEMO";
}
.light .go-top__btn {
  color: var(--black-2);
}

.intDesigner__go-top {
  text-align: end;
}
@media only screen and (max-width: 767px) {
  .intDesigner__go-top {
    text-align: center;
  }
}

.int-inab-area {
  position: relative;
  z-index: 1;
  margin-top: 80px;
}
.int-inab-area .int-inab__grid {
  grid-template-columns: 60% 1fr;
}
@media only screen and (max-width: 1399px) {
  .int-inab-area .int-inab__grid {
    grid-template-columns: 50% 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .int-inab-area .int-inab__grid {
    align-items: start;
  }
}
@media only screen and (max-width: 767px) {
  .int-inab-area .int-inab__grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .int-inab-area .intDesigner-about__sticker {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .int-inab-area .intDesigner-about__sec-title-wrapper {
    margin-bottom: 30px;
  }
}

.int-inab-title {
  font-size: 130px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .int-inab-title {
    font-size: 115px;
  }
}
@media only screen and (max-width: 1199px) {
  .int-inab-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .int-inab-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .int-inab-title {
    font-size: 40px;
  }
}

.intDesigner-about__thumb {
  position: relative;
}
.intDesigner-ins__sec-title-wrapper {
  margin-top: 70px;
}

.sub-title-service {
  font-size: 60px;
  font-weight: 400;
}
@media only screen and (max-width: 1199px) {
  .sub-title-service {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .sub-title-service {
    font-size: 36px;
  }
}

.arrow-line-icon {
  padding-inline-start: 140px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1399px) {
  .arrow-line-icon {
    padding-inline-start: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .arrow-line-icon {
    display: none;
  }
}
.dir-rtl .arrow-line-icon img {
  transform: rotateY(180deg);
}

.intDesigner-inpd__area .title {
  font-size: 60px;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .intDesigner-inpd__area .title {
    font-size: 37px;
    margin-bottom: 15px;
  }
}
.intDesigner-inpd__area p {
  font-size: 18px;
}
.intDesigner-inpd__title-wrapper {
  margin-top: 80px;
}
.intDesigner-inpd__thumb img {
  width: 100%;
}

.dt-inbd-details-title {
  font-size: 100px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .dt-inbd-details-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-inbd-details-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-inbd-details-title {
    font-size: 35px;
  }
}

.blog-details__quote.interior-quote {
  background-color: #202226;
  padding: 30px 45px;
  position: relative;
}
.blog-details__quote.interior-quote::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 6px;
  background-color: var(--white);
}
.light .blog-details__quote.interior-quote::before {
  background-color: var(--black-2);
}
.light .blog-details__quote.interior-quote {
  background-color: var(--white-4);
}

.interior-details-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .interior-details-grid {
    align-items: unset;
  }
}
@media only screen and (max-width: 767px) {
  .interior-details-grid {
    grid-template-columns: 1fr;
  }
}

.interior-share {
  border-top: 0;
  padding-bottom: 10px;
}
.interior-share ul li a {
  background: #333437;
}

.interior-social p {
  font-size: 14px;
}
.interior-social .elc-social-media {
  gap: 12px;
}
.interior-social .elc-social-media li a {
  border: 0;
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.interior-social .elc-social-media li a:hover {
  color: var(--white);
  background-color: transparent;
}

.sm-line {
  position: relative;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
.sm-line::before {
  position: absolute;
  content: "";
  inset-inline-start: 20px;
  top: 4px;
  height: 10px;
  width: 1px;
  background-color: currentColor;
}

.blog-details__quote-bottom-quote {
  position: absolute;
  inset-inline-end: 50px;
  bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .blog-details__quote-bottom-quote {
    display: none;
  }
}

.blog-details__quote-icon img {
  transform: rotate(180deg);
}

.int-inbd-comment__btn-wrapper .wc-btn-default {
  font-size: 18px;
  font-weight: 600;
  padding: 30px 70px;
  background-color: var(--white);
  color: var(--black-2);
  text-transform: uppercase;
  border-color: transparent;
}
.light .int-inbd-comment__btn-wrapper .wc-btn-default {
  background-color: var(--black-2);
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .int-inbd-comment__btn-wrapper .wc-btn-default {
    padding: 20px 40px;
    font-weight: 500;
  }
}
.int-inbd-comment__btn-wrapper .wc-btn-default:hover {
  background: transparent;
}
.light .int-inbd-comment__btn-wrapper .wc-btn-default:hover {
  color: var(--black-2);
}

.interior-contact__area .joya__contact-wrap {
  margin-top: 80px;
}

.intDesigner-inb__title-wrapper {
  margin-top: 80px;
}
.intDesigner-inb__wrapper {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-inb__wrapper {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-inb__wrapper {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 575px) {
  .intDesigner-inb__wrapper {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.intDesigner-blog__item {
  overflow: hidden;
  margin-top: 80px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .intDesigner-blog__item {
    margin-top: 40px;
  }
}
.intDesigner-blog__item:hover .writer-blog__title {
  color: var(--black-9);
}
.intDesigner-blog__item img {
  width: 100%;
}
.intDesigner-blog__item .meta {
  gap: 50px;
  display: flex;
  padding-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .intDesigner-blog__item .meta {
    gap: 20px;
  }
}
.intDesigner-blog__item .meta li {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--black-9);
  text-transform: uppercase;
  position: relative;
}
.intDesigner-blog__item .meta li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  inset-inline-start: -25px;
  top: 6px;
  background-color: var(--black-9);
}
@media only screen and (max-width: 991px) {
  .intDesigner-blog__item .meta li::after {
    inset-inline-start: -10px;
  }
}
.intDesigner-blog__item .meta li:first-child {
  position: unset;
}
.intDesigner-blog__thumb {
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .intDesigner-blog__thumb {
    margin-bottom: 20px;
  }
}
.intDesigner-blog__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  color: var(--white);
  font-family: "Prata", serif;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 1399px) {
  .intDesigner-blog__title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 991px) {
  .intDesigner-blog__title {
    font-size: 20px;
  }
}
.intDesigner-blog__title:hover {
  color: var(--primary);
}

.interior-inc-comment-wrapper {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .interior-inc-comment-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.interior-inc-comment-wrapper .joya__contact-title {
  font-size: 150px;
}
@media only screen and (max-width: 1199px) {
  .interior-inc-comment-wrapper .joya__contact-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .interior-inc-comment-wrapper .joya__contact-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .interior-inc-comment-wrapper .joya__contact-title {
    font-size: 60px;
  }
}

.int-inbd-details p {
  font-size: 18px;
}

.interior-social p {
  font-size: 14px;
}

.side-title {
  font-size: 20px;
  color: #999999;
  writing-mode: vertical-lr;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .side-title {
    left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .side-title {
    left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .side-title {
    display: none;
  }
}

.body-dentist {
  background-color: #202C58;
  color: #A6ACC2;
}
.body-dentist h1 .anim-reveal-line,
.body-dentist h2 .anim-reveal-line,
.body-dentist h3 .anim-reveal-line,
.body-dentist h4 .anim-reveal-line,
.body-dentist h5 .anim-reveal-line,
.body-dentist h6 .anim-reveal-line {
  padding-bottom: 6px;
  margin-bottom: -6px;
}
.light .body-dentist {
  background-color: var(--white);
  color: #555555;
}
.light .body-dentist h1,
.light .body-dentist h2,
.light .body-dentist h3,
.light .body-dentist h4,
.light .body-dentist h5,
.light .body-dentist h6 {
  color: #202C58;
}
.body-dentist p {
  color: #A6ACC2;
}
.light .body-dentist p {
  color: #555555;
}

.has-top-line {
  position: relative;
  padding-top: 20px;
}
.has-top-line:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  background: #202C58;
  top: 0;
  inset-inline-start: 0;
}

.beforeAfter img {
  width: 100%;
}

.ratings {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ratings img {
  filter: invert(1) grayscale(1) brightness(5);
}
.light .ratings img {
  filter: none;
}

.dentist-container {
  max-width: 1550px;
  margin: 0 auto;
  padding: 0 15px;
}
.dentist-header {
  padding: 0 50px;
}
@media only screen and (max-width: 767px) {
  .dentist-header {
    padding: 0 15px;
  }
}
.dentist-header__logo {
  padding: 18px 0;
  position: relative;
}
.dentist-header__inner {
  display: flex;
  gap: 100px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.dentist-header__meta.content-dark .call-us a span {
  color: #202C58;
}
.dentist-header__meta.content-dark .call-us a strong {
  color: #202C58;
}
.dentist-header__meta.content-dark .call-us a i {
  color: #202C58;
}
.dentist-header__meta .call-us {
  text-align: end;
}
@media (max-width: 575px) {
  .dentist-header__meta .call-us {
    display: none;
  }
}
.dentist-header__meta .call-us a {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
  display: flex;
  gap: 12px;
  align-items: center;
}
.dentist-header__meta .call-us a span {
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 500;
  color: #A6ACC2;
}
.light .dentist-header__meta .call-us a span {
  color: #202C58;
}
.dentist-header__meta .call-us a:hover span {
  color: var(--primary);
}
.dentist-header__meta .call-us a strong {
  display: block;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  color: #A6ACC2;
}
.light .dentist-header__meta .call-us a strong {
  color: #202C58;
}
.dentist-header__meta .call-us a i {
  font-size: 24px;
  transform: rotate(-45deg);
  color: #A6ACC2;
}
.light .dentist-header__meta .call-us a i {
  color: #202C58;
}
.dentist-header__nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  .dentist-header__nav {
    display: none;
  }
}
.dentist-header__nav .main-menu > ul > li > a {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #A6ACC2;
  padding: 40px 20px;
}
.light .dentist-header__nav .main-menu > ul > li > a {
  color: #202C58;
}
.dentist-header__nav .main-menu.menu-dark > ul > li > a {
  color: #202C58;
}
.dentist-header__others {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
  padding: 20px 0;
}
.dentist-header__navicon button {
  width: 60px;
  height: 60px;
  background: #FFEDED;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .dentist-header__navicon button {
    width: 50px;
    height: 50px;
  }
}
.dentist-header__navicon .menu-icon, .dentist-header__navicon .menu-icon-2 {
  width: 18px;
  height: 14px;
  margin-top: 0;
}
.dentist-header__navicon .menu-icon span, .dentist-header__navicon .menu-icon-2 span {
  width: 12px;
  background-color: #202C58;
}
.dentist-header__navicon .menu-icon::before, .dentist-header__navicon .menu-icon-2::before, .dentist-header__navicon .menu-icon::after, .dentist-header__navicon .menu-icon-2::after {
  background: #202C58;
}
.dentist-hero__area {
  background: #D2EAF1;
  position: relative;
}
.dentist-hero__content-wrapper {
  position: relative;
}
.dentist-hero__title {
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1;
  color: #202C58;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 215px;
}
@media only screen and (max-width: 1919px) {
  .dentist-hero__title {
    font-size: 80px;
    margin-bottom: 145px;
  }
}
@media only screen and (max-width: 1399px) {
  .dentist-hero__title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .dentist-hero__title {
    font-size: 45px;
  }
  .dentist-hero__title br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-hero__title {
    font-size: 36px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-hero__title {
    font-size: 44px;
    margin-bottom: 80px;
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .dentist-hero__title {
    font-size: 38px;
  }
}
.dentist-hero__text p {
  font-size: 20px;
  font-weight: 400;
  color: #202C58;
  line-height: 1.4;
  max-width: 330px;
}
.dentist-hero__btn {
  margin-top: 43px;
}
.dentist-hero__btn .wc-btn-primary {
  font-size: 14px;
  font-weight: 600;
  color: #202C58;
  background: #FFEDED;
}
.dentist-hero__right-content {
  width: 330px;
  position: absolute;
  bottom: 65px;
  inset-inline-end: 0;
}
@media only screen and (max-width: 1199px) {
  .dentist-hero__right-content {
    position: static;
    margin-top: 50px;
  }
}
.dentist-hero__right-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  color: #202C58;
  max-width: 152px;
}
.dentist-hero__thumb-wrapper {
  position: absolute;
  bottom: -265px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1399px) {
  .dentist-hero__thumb-wrapper {
    bottom: -195px;
  }
}
@media only screen and (max-width: 1199px) {
  .dentist-hero__thumb-wrapper {
    bottom: 50px;
    inset-inline-end: 0;
    transform: none;
    inset-inline-start: auto;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-hero__thumb-wrapper {
    position: relative;
    top: 0;
    margin-top: 50px;
  }
}
.dentist-hero__circle-btn {
  position: absolute;
  top: 30px;
  inset-inline-start: 0;
  z-index: 2;
}
.dentist-hero__circle-btn .circle-text {
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.1607843137);
}
@media only screen and (max-width: 991px) {
  .dentist-hero__circle-btn .circle-text {
    width: 120px;
    height: 120px;
  }
}
.dentist-hero__thumb {
  position: relative;
  width: 470px;
  z-index: 1;
}
@media only screen and (max-width: 1919px) {
  .dentist-hero__thumb {
    width: 420px;
  }
}
@media only screen and (max-width: 1399px) {
  .dentist-hero__thumb {
    width: 380px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-hero__thumb {
    width: 320px;
  }
}
.dentist-hero__thumb .bg {
  position: absolute;
  width: 100%;
  height: 95%;
  background: #FFEDED;
  bottom: 0;
  inset-inline-start: 0;
  border-radius: 262px;
  z-index: -1;
}
.dentist-hero__img-01 {
  position: absolute;
  top: 26%;
  inset-inline-start: 8%;
  transform: rotate(-15deg);
}
@media only screen and (max-width: 1199px) {
  .dentist-hero__img-01 {
    inset-inline-start: -6%;
    top: 16%;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-hero__img-01 {
    display: none;
  }
}
.dentist-hero__img-02 {
  position: absolute;
  bottom: -5%;
  inset-inline-end: 21%;
  transform: rotate(31deg);
}
@media only screen and (max-width: 991px) {
  .dentist-hero__img-02 {
    display: none;
  }
}
.dentist-hero__img-03 {
  position: absolute;
  top: 36%;
  inset-inline-start: 8%;
  transform: rotate(-43deg);
}
@media only screen and (max-width: 991px) {
  .dentist-hero__img-03 {
    top: 29%;
    inset-inline-start: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-hero__img-03 {
    top: 18%;
  }
}
.dentist-hero__img-04 {
  position: absolute;
  bottom: 6%;
  inset-inline-start: 30%;
  transform: rotate(31deg);
}
@media only screen and (max-width: 991px) {
  .dentist-hero__img-04 {
    inset-inline-start: 52%;
    bottom: 25px;
  }
}
.dentist-hero__img-05 {
  position: absolute;
  top: 52%;
  inset-inline-end: 9%;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 1199px) {
  .dentist-hero__img-05 {
    top: 33%;
    inset-inline-end: 2%;
  }
}
.dentist-degrees {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #D0E2E9;
  margin-bottom: 20px;
  margin-top: 38px;
}
.dentist-degree-years p {
  font-size: 16px;
  font-weight: 400;
  color: #202C58;
}
.dentist-service__sec-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  position: relative;
}
.dentist-service__sec-subtitle:after {
  position: absolute;
  content: "";
  width: calc(100% - 630px);
  height: 1px;
  background: rgba(255, 255, 255, 0.062745098);
  inset-inline-start: 100px;
  top: 50%;
  transform: translateY(-50%);
}
.light .dentist-service__sec-subtitle:after {
  background: #F2F2F2;
}
@media only screen and (max-width: 991px) {
  .dentist-service__sec-subtitle:after {
    width: calc(100% - 480px);
  }
}
@media only screen and (max-width: 767px) {
  .dentist-service__sec-subtitle:after {
    width: calc(100% - 330px);
  }
}
.dentist-service__sec-title-wrapper {
  max-width: 440px;
  margin-inline-start: auto;
  margin-top: -23px;
}
@media only screen and (max-width: 991px) {
  .dentist-service__sec-title-wrapper {
    max-width: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-service__sec-title-wrapper {
    margin-top: 25px;
    margin-inline-start: 0;
  }
}
.dentist-service__content-wrapper {
  margin-top: 115px;
}
@media only screen and (max-width: 1399px) {
  .dentist-service__content-wrapper {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-service__content-wrapper {
    margin-top: 0;
  }
}
.dentist-service__content-wrapper .dentist-service__btn {
  max-width: 440px;
  margin-inline-start: auto;
  display: block;
  margin-top: 45px;
}
@media only screen and (max-width: 991px) {
  .dentist-service__content-wrapper .dentist-service__btn {
    max-width: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-service__content-wrapper .dentist-service__btn {
    margin-inline-start: 0;
  }
}
.light .dentist-service__content-wrapper .dentist-service__btn .wc-btn-underline {
  color: #202C58;
}
.light .dentist-service__content-wrapper .dentist-service__btn .wc-btn-underline:after {
  background: #202C58;
}
.dentist-service__thumb-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
.dentist-service__number {
  font-size: 18px;
  font-weight: 400;
  color: #545E81;
  line-height: 1;
  writing-mode: tb;
  transform: rotate(180deg);
  padding-top: 60px;
  position: relative;
}
.light .dentist-service__number {
  color: #999999;
}
.dentist-service__number:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 50px;
  background: #545E81;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.light .dentist-service__number:before {
  background: #999999;
}
.dentist-service__thumb img {
  width: 100%;
}
.dentist-service__content {
  width: 300px;
  margin-inline-start: 80px;
}
@media only screen and (max-width: 991px) {
  .dentist-service__content {
    width: 100%;
    margin-inline-start: 0;
  }
}
.dentist-service__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.16;
  margin-bottom: 23px;
}
@media only screen and (max-width: 991px) {
  .dentist-service__title {
    font-size: 24px;
  }
}
.dentist-service__title a:hover {
  color: #AEDBE9;
}
.light .dentist-service__title a:hover {
  color: #2b97b9;
}
.dentist-service__text p {
  font-size: 18px;
  font-weight: 400;
  color: #A6ACC2;
  line-height: 1.5;
}
.light .dentist-service__text p {
  color: #555555;
}
.dentist-service__item {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media only screen and (max-width: 767px) {
  .dentist-service__item {
    padding-top: 0px;
    padding-bottom: 0;
  }
}
.dentist-service__items-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  margin-top: -78px;
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media only screen and (max-width: 991px) {
  .dentist-service__items-wrapper {
    -moz-column-gap: 70px;
         column-gap: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-service__items-wrapper {
    grid-template-columns: 1fr;
    margin-top: 0px;
    row-gap: 60px;
  }
}
.dentist-service__item.content-first {
  flex-direction: column-reverse;
}
@media only screen and (max-width: 767px) {
  .dentist-service__item.content-first {
    flex-direction: column;
  }
}
.dentist-service__item.number-right .dentist-service__thumb-wrapper {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .dentist-service__item.number-right .dentist-service__thumb-wrapper {
    flex-direction: row;
  }
}
.dentist-service__item.number-top .dentist-service__thumb-wrapper {
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .dentist-service__item.number-top .dentist-service__thumb-wrapper {
    align-items: unset;
  }
}
.dentist-service__item.space-left {
  margin-inline-start: 65px;
}
@media only screen and (max-width: 1199px) {
  .dentist-service__item.space-left {
    margin-inline-start: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-service__item.space-left {
    margin-inline-start: 0;
  }
}
.dentist-service__item.space-right {
  margin-inline-end: 65px;
}
@media only screen and (max-width: 1199px) {
  .dentist-service__item.space-right {
    margin-inline-end: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-service__item.space-right {
    margin-inline-end: 0;
  }
}
.dentist-about__area {
  background: #FFEDED;
}
.dentist-about__sec-title-wrapper {
  max-width: 1070px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .dentist-about__sec-title-wrapper {
    max-width: 650px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-about__sec-title-wrapper {
    margin-bottom: 60px;
  }
}
.dentist-about__sec-title-wrapper .sec-title-9 {
  color: #202C58;
}
.dentist-about__text p {
  font-size: 18px;
  color: #202C58;
}
.dentist-about__btn {
  margin-top: 45px;
  margin-bottom: 90px;
}
.dentist-about__content p {
  font-size: 18px;
  color: #202C58;
}
.dentist-about__content .wc-btn-underline {
  color: #202C58;
}
.dentist-about__content .wc-btn-underline:after {
  background: #202C58;
}
.dentist-about__thumb {
  max-width: 770px;
  position: relative;
}
.dentist-about__service-list {
  display: flex;
  justify-content: center;
  margin-bottom: 95px;
}
.dentist-about__service-list li {
  font-size: 18px;
  font-weight: 500;
  list-style: decimal-leading-zero;
  padding-inline-start: 10px;
  margin-inline-start: 30px;
  line-height: 1.4;
  color: #202C58;
}
.dentist-about__curved-line {
  position: absolute;
  inset-inline-start: 52%;
  top: 98px;
  z-index: 2;
}
.dentist-counter__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.16;
  color: #202C58;
  margin-bottom: 55px;
}
.dentist-counter__item {
  display: grid;
  grid-template-columns: 46% auto;
}
.dentist-counter__number {
  font-size: 60px;
  font-weight: 200;
  color: #202C58;
  line-height: 0.9;
}
.dentist-counter__text p {
  font-size: 18px;
  font-weight: 400;
  color: #202C58;
}
.dentist-counter__box {
  max-width: 410px;
}
.dentist-counter__box li:not(:last-child) {
  padding-bottom: 35px;
  border-bottom: 1px solid #202C58;
  margin-bottom: 35px;
}
.dentist-choose__area-inner {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}
@media only screen and (max-width: 991px) {
  .dentist-choose__area-inner {
    gap: 60px;
    grid-template-columns: auto;
  }
}
.dentist-choose__list li {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.light .dentist-choose__list li {
  color: #202C58;
}
.dentist-choose__list li:before {
  content: url(../imgs/dentist/check-mark.png);
  margin-inline-end: 10px;
}
.dir-rtl .dentist-choose__list li:before {
  transform: rotateY(180deg);
}
.light .dentist-choose__list li:before {
  content: url(../imgs/dentist/check-mark-dark.png);
}
.dentist-choose__list li:not(:last-child) {
  margin-bottom: 6px;
}
.dentist-choose__thumb-wrapper {
  display: flex;
  gap: 10px;
}
.dentist-choose__thumb-wrapper .dentist-choose__thumb:nth-child(1) {
  margin-top: 13%;
}
.dentist-choose__thumb-wrapper .dentist-choose__thumb:nth-child(3) {
  margin-top: 27%;
}
.dentist-choose__text-wrapper {
  max-width: 625px;
}
.dentist-choose__sec-title-wrapper {
  margin-bottom: 30px;
}
.dentist-choose__text {
  margin-bottom: 18px;
}
.dentist-choose__text p {
  font-size: 18px;
  color: #A6ACC2;
  max-width: 440px;
}
.light .dentist-choose__text p {
  color: #555555;
}
.dentist-choose__btn {
  margin-top: 50px;
}
.dentist-choose__btn .wc-btn-primary {
  font-size: 14px;
  font-weight: 600;
  background: #AEDBE9;
  color: #202C58;
}
.dentist-compare__area {
  background: #E4F2F6;
  position: relative;
  z-index: 1;
}
.dentist-compare__area-bg {
  width: 100%;
  height: 300px;
  background: #202C58;
  position: absolute;
  inset-inline-start: 0;
  bottom: -1px;
  z-index: -1;
}
.light .dentist-compare__area-bg {
  background: var(--white);
}
@media only screen and (max-width: 991px) {
  .dentist-compare__area-bg {
    height: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist-compare__area-bg {
    height: 150px;
  }
}
.dentist-compare__text-wrapper {
  max-width: 690px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.dentist-compare__text {
  max-width: 600px;
  margin: 0 auto;
}
.dentist-compare__text p {
  font-size: 18px;
  color: #202C58;
}
.dentist-compare__sec-title-wrapper {
  margin-bottom: 25px;
}
.dentist-compare__sec-title-wrapper .sec-title-9 {
  color: #202C58;
}
.dentist-compare__img-wrapper {
  position: relative;
}
.dentist-compare__img-wrapper .before-text {
  position: absolute;
  inset-inline-end: calc(100% + 70px);
  bottom: 40%;
  mix-blend-mode: difference;
}
.dentist-compare__img-wrapper .after-text {
  position: absolute;
  inset-inline-start: calc(100% + 70px);
  bottom: 28%;
  mix-blend-mode: difference;
}
.dentist-ins__text-wrapper {
  text-align: center;
  margin-bottom: 60px;
}
.dentist-video__area {
  position: relative;
}
.dentist-video__thumb img {
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.dentist-video__btn .circle-text {
  background: #202C58;
}
.dentist-testimonial__area-inner {
  display: grid;
  grid-template-columns: 25% calc(75% - 110px);
  grid-gap: 110px;
}
@media only screen and (max-width: 1199px) {
  .dentist-testimonial__area-inner {
    grid-gap: 60px;
    grid-template-columns: 30% calc(70% - 60px);
  }
}
@media only screen and (max-width: 767px) {
  .dentist-testimonial__area-inner {
    grid-template-columns: 100%;
  }
}
.dentist-testimonial__wrapper {
  display: grid;
  grid-template-columns: 25px auto;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 105px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .dentist-testimonial__wrapper {
    grid-template-columns: 100%;
  }
}
.dentist-testimonial__wrapper .dentist-testimonial__slider-wrapper {
  max-width: 520px;
}
@media only screen and (max-width: 1199px) {
  .dentist-testimonial__wrapper .dentist-testimonial__slider-wrapper {
    max-width: 420px;
  }
}
.dentist-testimonial__slider {
  position: static;
}
.dentist-testimonial__slider .swiper-pagination {
  bottom: 20px;
  color: var(--white);
  text-align: start;
}
.light .dentist-testimonial__slider .swiper-pagination {
  color: #202C58;
}
@media only screen and (max-width: 1199px) {
  .dentist-testimonial__slider .swiper-pagination {
    position: static;
    margin-top: 30px;
  }
}
.dentist-testimonial__slider .swiper-pagination-total {
  color: var(--gray-4);
}
.dentist-testimonial__slider .mid-line {
  width: 70px;
  height: 1px;
  display: inline-block;
  background: var(--white);
  position: relative;
  bottom: 5px;
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}
.light .dentist-testimonial__slider .mid-line {
  background: #202C58;
}
.dentist-testimonial__quote-icon {
  min-width: 40px;
}
.dentist-testimonial__text {
  margin-bottom: 50px;
}
.dentist-testimonial__text p {
  font-size: 30px;
  line-height: 1.1;
  color: var(--white);
}
.light .dentist-testimonial__text p {
  color: #202C58;
}
@media only screen and (max-width: 1199px) {
  .dentist-testimonial__text p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-testimonial__text p {
    font-size: 22px;
  }
}
.dentist-testimonial__client-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  margin-bottom: 5px;
}
.dentist-testimonial__client-role {
  font-size: 14px;
  font-weight: 400;
  color: #A6ACC2;
}
.light .dentist-testimonial__client-role {
  color: #555555;
}
.dentist-testimonial__sec-title-wrapper {
  margin-bottom: 55px;
}
.dentist-testimonial__clients-rating {
  margin-bottom: 70px;
}
.dentist-testimonial__rating-text {
  max-width: 126px;
  margin-top: 12px;
}
.dentist-testimonial__rating-text p {
  font-size: 14px;
  font-weight: 400;
  color: #A6ACC2;
  line-height: 16px;
}
.light .dentist-testimonial__rating-text p {
  color: #555555;
}
.dentist-blog__sec-title-wrapper {
  text-align: center;
  margin-bottom: 70px;
}
.dentist-blog__items-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .dentist-blog__items-wrapper {
    grid-template-columns: 1fr;
  }
}
.dentist-blog__thumb {
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .dentist-blog__thumb {
    max-height: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .dentist-blog__thumb {
    max-height: 300px;
  }
}
.dentist-blog__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dentist-blog__content {
  background: #2A3661;
  padding: 60px 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.light .dentist-blog__content {
  background: #F7F7FA;
}
@media only screen and (max-width: 1399px) {
  .dentist-blog__content {
    padding: 50px 35px;
  }
}
@media (max-width: 575px) {
  .dentist-blog__content {
    padding: 40px 35px;
  }
}
.dentist-blog__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .dentist-blog__title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1199px) {
  .dentist-blog__title br {
    display: none;
  }
}
.dentist-blog__title a:hover {
  color: #AEDBE9;
}
.light .dentist-blog__title a:hover {
  color: #2b97b9;
}
.dentist-blog__meta-items a {
  font-size: 14px;
  font-weight: 400;
  color: var(--white);
  display: inline-block;
  position: relative;
  padding-top: 9px;
  line-height: 1;
}
.light .dentist-blog__meta-items a {
  color: #202C58;
}
.dentist-blog__meta-items a.has-top-line {
  padding-top: 9px;
}
.dentist-blog__meta-items a.has-top-line:before {
  width: 50px;
  height: 1px;
  background: var(--white);
}
.light .dentist-blog__meta-items a.has-top-line:before {
  background: #202C58;
}
.dentist-blog__item {
  display: grid;
  grid-template-columns: 48% 1fr;
}
@media only screen and (max-width: 1199px) {
  .dentist-blog__item {
    grid-template-columns: 1fr;
  }
}
.dentist-blog__item .wc-btn-primary {
  height: 45px;
  padding: 0 30px;
  font-size: 14px;
  background: var(--white);
  color: #202C58;
  border-color: var(--white);
  text-transform: uppercase;
  font-weight: 600;
}
.light .dentist-blog__item .wc-btn-primary {
  color: var(--white);
  background: #202C58;
}
.dentist-blog__item .wc-btn-primary:after {
  background-color: #AEDBE9;
}
.dentist-copyright__area {
  background: #FFEDED;
  border-top: 1px solid rgba(32, 44, 88, 0.062745098);
}
.dentist-copyright__text {
  padding: 16px 0;
}
.dentist-copyright__text p {
  font-size: 18px;
  font-weight: 400;
  color: #202C58;
  text-align: center;
}
.dentist-copyright__text p a {
  color: #202C58;
}
.dentist-footer__area {
  background: #FFEDED;
}
.dentist-footer__sec-title-wrapper .sec-title-9 {
  color: #202C58;
}
.dentist-footer__header {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 80px;
  grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .dentist-footer__header {
    grid-template-columns: auto;
  }
}
.dentist-footer__header:after {
  position: absolute;
  content: "";
  width: calc(100% - 550px);
  height: 1px;
  background: rgba(32, 44, 88, 0.062745098);
  inset-inline-end: 180px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .dentist-footer__header:after {
    width: calc(100% - 420px);
  }
}
@media only screen and (max-width: 991px) {
  .dentist-footer__header:after {
    width: calc(100% - 390px);
  }
}
@media only screen and (max-width: 767px) {
  .dentist-footer__header:after {
    width: calc(100% - 300px);
    inset-inline-end: 0;
    top: 22px;
  }
}
.dentist-footer__widget-title {
  font-size: 24px;
  font-weight: 600;
  color: #202C58;
  margin-bottom: 30px;
}
.dentist-footer__menu li {
  font-size: 16px;
  color: #202C58;
}
.dentist-footer__menu li:not(:last-child) {
  margin-bottom: 2px;
}
.dentist-footer__widgets-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 50px;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .dentist-footer__widgets-wrapper {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 575px) {
  .dentist-footer__widgets-wrapper {
    grid-template-columns: auto;
  }
}
.dentist-social-media {
  display: flex;
  align-items: center;
  gap: 20px;
}
.dentist-social-media a {
  font-size: 22px;
  color: #202C58;
}
.dentist-social-media a:hover {
  color: #AEDBE9;
}
.dentist__accordion {
  max-width: 1070px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.light .dentist__accordion {
  border-color: var(--green-6);
}
.dentist__accordion .accordion-button {
  gap: 5px;
  font-size: 25px;
  font-weight: 600;
  border: 0;
  color: var(--white);
  padding: 25px 0;
  background-color: transparent;
  text-align: start;
}
.light .dentist__accordion .accordion-button {
  color: #202C58;
}
@media only screen and (max-width: 1199px) {
  .dentist__accordion .accordion-button {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .dentist__accordion .accordion-button {
    font-size: 20px;
  }
}
.dentist__accordion .accordion-button:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.dentist__accordion .accordion-button:focus {
  outline: 0;
  box-shadow: none;
}
.dentist__accordion .accordion-button::after {
  background-image: none;
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  inset-inline-end: 0;
  transform: unset;
  transition: all 0.5s;
  font-size: 18px;
}
.light .dentist__accordion .accordion-button::after {
  color: var(--green-6);
}
.dir-rtl .dentist__accordion .accordion-button::after {
  margin-left: unset;
  margin-inline-end: auto;
}
.dentist__accordion .accordion-button:not(.collapsed) {
  border-color: transparent !important;
  box-shadow: none;
}
.dentist__accordion .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.dentist__accordion .accordion-button span {
  font-size: 24px;
  display: inline-block;
  font-family: "newYork";
  text-transform: uppercase;
}
.dentist__accordion .accordion-item {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid rgba(166, 172, 194, 0.1254901961);
}
.light .dentist__accordion .accordion-item {
  border-color: var(--pink-7);
}
.dentist__accordion .accordion-item p {
  font-size: 18px;
  padding-inline-end: 30px;
  color: #A6ACC2;
}
.light .dentist__accordion .accordion-item p {
  color: var(--green-6);
}
@media only screen and (max-width: 767px) {
  .dentist__accordion .accordion-item p {
    padding-inline-end: 0;
  }
}
.dentist__accordion .accordion-body {
  gap: 5px;
  display: flex;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 25px;
}
.dentist__accordion .accordion-body span {
  display: inline-block;
  color: #A6ACC2;
  text-transform: uppercase;
}
.light .dentist__accordion .accordion-body span {
  color: var(--green-6);
}

.dt-inab__hero-title {
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1919px) {
  .dt-inab__hero-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1399px) {
  .dt-inab__hero-title {
    font-size: 70px;
  }
  .dt-inab__hero-title br {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .dt-inab__hero-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-inab__hero-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-inab__hero-title {
    font-size: 44px;
  }
}
@media (max-width: 575px) {
  .dt-inab__hero-title {
    font-size: 38px;
  }
}
.dt-inab__hero p {
  color: #A6ACC2;
  font-size: 18px;
}
.light .dt-inab__hero p {
  color: #555555;
}
.dt-inab__hero-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 130px;
  align-items: center;
}
@media only screen and (max-width: 1919px) {
  .dt-inab__hero-wrapper {
    grid-template-columns: 0.5fr 1fr;
    gap: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .dt-inab__hero-wrapper {
    gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-inab__hero-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .dt-inab__hero-wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .dt-inab__hero-left {
    max-width: 300px;
    float: left;
    margin-inline-end: 60px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-inab__hero-left {
    float: none;
    max-width: 500px;
    margin-inline-end: 0;
    margin-bottom: 50px;
  }
}
.dt-inab__hero-title-two {
  font-size: 20px;
}
.dt-inab__hero .has-left-line {
  padding-inline-start: 110px;
  font-size: 16px;
  color: #AEDBE9;
}
.dt-inab__hero .has-left-line::before {
  width: 90px;
  background: #AEDBE9;
}
.dt-inab__choose-area .dentist-choose__text p {
  max-width: 565px;
}
.dt-inab__choose-area .has-left-line {
  padding-inline-start: 110px;
  font-size: 16px;
  color: #AEDBE9;
}
.dt-inab__choose-area .has-left-line::before {
  width: 90px;
  background: #AEDBE9;
}
.dt-inab__vision-area {
  background-color: #253364;
}
.light .dt-inab__vision-area {
  background-color: #F7F7FA;
}
.dt-inab__vision-area .dentist-choose__text p {
  max-width: 565px;
}
.dt-inab__vision-area .has-left-line {
  padding-inline-start: 110px;
  font-size: 16px;
  color: #AEDBE9;
}
.dt-inab__vision-area .has-left-line::before {
  width: 90px;
  background: #AEDBE9;
}
.dt-inab__testimonial-area .dentist-testimonial__slider .swiper-pagination {
  color: #202C58;
}
.dt-invdo__testimonial .dentist-testimonial__wrapper {
  gap: 25px;
  justify-content: flex-start;
}
.dt-invdo__testimonial .dentist-testimonial__quote-icon {
  min-width: unset;
  max-width: 28px;
}
.dt-invdo__testimonial .dentist-testimonial__text p {
  font-size: 20px;
  line-height: 1.5;
  color: #A6ACC2;
}
.light .dt-invdo__testimonial .dentist-testimonial__text p {
  color: #202C58;
}
.dt-invdo__testimonial .dentist-testimonial__clients-rating {
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
  margin-inline-start: 50px;
  padding-inline-start: 230px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .dt-invdo__testimonial .dentist-testimonial__clients-rating {
    padding-inline-start: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-invdo__testimonial .dentist-testimonial__clients-rating {
    margin-inline-start: 0;
  }
}
.dt-invdo__testimonial .dentist-testimonial__clients-rating::before {
  position: absolute;
  content: "";
  top: 7px;
  height: 1px;
  width: 100%;
  background-color: #2F3E72;
  width: 200px;
  inset-inline-start: 0;
}
.light .dt-invdo__testimonial .dentist-testimonial__clients-rating::before {
  background-color: #B5B5B5;
}
@media only screen and (max-width: 1199px) {
  .dt-invdo__testimonial .dentist-testimonial__clients-rating::before {
    width: 150px;
  }
}
.dt-invdo__testimonial-wrapper {
  display: grid;
  grid-template-columns: 47% 45%;
  gap: 80px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .dt-invdo__testimonial-wrapper {
    grid-template-columns: 52% 40%;
  }
}
@media only screen and (max-width: 991px) {
  .dt-invdo__testimonial-wrapper {
    grid-template-columns: 50% 43%;
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-invdo__testimonial-wrapper {
    grid-template-columns: 100%;
  }
}
.dt-invdo__testimonial-video-item {
  position: relative;
  max-width: 200px;
}
.dt-invdo__testimonial-video-item::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000A0D 100%);
  mix-blend-mode: hard-light;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.dt-invdo__testimonial-btn-wrapper {
  position: absolute;
  bottom: 20px;
  inset-inline-start: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 1.5s;
}
.dt-invdo__testimonial-play-btn {
  height: 42px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  border-radius: 50px;
}
.dt-incs-pagination {
  display: flex;
  gap: 20px;
}
.dt-incs-pagination li a {
  color: #A7A7A7;
}
.dt-incs-pagination li a.active {
  color: var(--white);
}
.light .dt-incs-pagination li a.active {
  color: #202C58;
}
.dt-incs-pagination li a:hover {
  color: var(--white);
}
.light .dt-incs-pagination li a:hover {
  color: #202C58;
}
.dt-incs-pagination li a i {
  padding-inline-start: 8px;
}
.dir-rtl .dt-incs-pagination li a i {
  transform: rotateY(180deg);
}
.dt-incs__intro {
  background-color: var(--green-11);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .dt-incs__intro {
    padding-top: 120px;
  }
}
.dt-incs__intro-title {
  color: var(--black-16);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .dt-incs__intro-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-incs__intro-title {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
.dt-incs__intro-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .dt-incs__intro-wrap {
    grid-template-columns: 1fr 1.5fr;
  }
}
@media only screen and (max-width: 1199px) {
  .dt-incs__intro-wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .dt-incs__intro-wrap {
    grid-template-columns: 1fr;
  }
}
.dt-incs__intro-content-wrap {
  max-width: 520px;
}
@media only screen and (max-width: 991px) {
  .dt-incs__intro-content-wrap {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .dt-incs__intro-content-wrap {
    padding-top: 30px;
  }
}
.dt-incs__intro-content-wrap p {
  color: var(--black-16);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .dt-incs__intro-item {
    order: 1;
  }
}
.dt-incs__intro-bg-shape {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .dt-incs__intro-bg-shape {
    max-width: 500px;
  }
}
.dt-incs__intro-bg-shape .mask-bg {
  position: absolute;
  left: 89px;
  top: 56px;
  max-height: 640px;
}
@media only screen and (max-width: 1199px) {
  .dt-incs__intro-bg-shape .mask-bg {
    left: 30px;
    top: 100px;
    max-height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-incs__intro-bg-shape .mask-bg {
    max-height: 500px;
    top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-incs__intro-bg-shape .mask-bg {
    display: none;
  }
}
.dt-incs__intro-img-wrap {
  -webkit-mask-image: url("../imgs/dentist/intro-mask-shape.png");
  mask-image: url("../imgs/dentist/intro-mask-shape.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  display: flex;
  position: relative;
  z-index: 2;
}
.dt-incs__intro-img-wrap img {
  height: 707px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .dt-incs__intro-img-wrap img {
    height: auto;
  }
}
.dt-incd-case__content {
  max-width: 930px;
  margin-inline-start: auto;
}
.dt-incd-case__title-wrapper {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .dt-incd-case__title-wrapper {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.dt-incd-case__title-wrapper .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
  .dt-incd-case__title-wrapper .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-incd-case__title-wrapper .title {
    font-size: 24px;
  }
}
.dt-incd-case__title-wrapper p {
  color: #A6ACC2;
}
.dt-inap__appointment .doctor__appointment-wrapper {
  gap: 80px;
}
.dt-inap__appointment .doctor__appointment-thumbs {
  max-width: 630px;
  filter: drop-shadow(25px 25px 0px #6A6BBF);
  padding-inline-end: 25px;
  padding-bottom: 25px;
}
.dir-rtl .dt-inap__appointment .doctor__appointment-thumbs {
  filter: drop-shadow(-25px 25px 0px #6A6BBF);
}
.light .dt-inap__appointment .doctor__appointment-thumbs {
  filter: drop-shadow(25px 25px 0px #FFEDED);
}
@media only screen and (max-width: 1919px) {
  .dt-inap__appointment .doctor__appointment-thumbs {
    margin-inline-end: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .dt-inap__appointment .doctor__appointment-thumbs {
    margin-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .dt-inap__appointment .doctor__appointment-thumbs {
    margin-inline-start: 15px;
  }
}
.dt-inap__appointment label {
  color: #A6ACC2;
}
.dt-inap__appointment input, .dt-inap__appointment textarea {
  background-color: #2A3661;
  color: #B1B1BE;
}
.dt-inap__appointment input::-moz-placeholder, .dt-inap__appointment textarea::-moz-placeholder {
  color: #B1B1BE;
  font-size: 16px;
  line-height: 16px;
}
.dt-inap__appointment input::placeholder, .dt-inap__appointment textarea::placeholder {
  color: #B1B1BE;
  font-size: 16px;
  line-height: 16px;
}
.dt-inap__appointment .submit {
  background-color: #FFEDED;
  color: #202C58;
}
.light .dt-inap__appointment .submit {
  background-color: #AEDBE9;
}
.dt-inbd-details .lawyer__blog-related-item {
  border-bottom: 1px dashed #D0D0D0;
}
.dt-inbd-details .cf_text.lawyer__blogdetails-quote-text p {
  font-size: 28px;
  font-weight: 500;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .dt-inbd-details .cf_text.lawyer__blogdetails-quote-text p {
    font-size: 20px;
  }
}
.dt-inbd-details .dancer__blogdetails-metainfo p span::before {
  background: var(--black-2);
}
.dt-inbd-details .elc-insd-challenge-title {
  font-size: 30px;
}
.dt-inbd-details .elc-inbd-share__area {
  border-top: 0;
}
.dt-inbd-details .elc-inbd-tags li {
  background: var(--white-2);
  color: var(--black-2);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  border-radius: 0;
}
.dt-inbd-details .elc-inbd-tags li:first-child {
  background: var(--white-2);
}
.dt-inbd-details .elc-social-media a {
  background: transparent;
  border: 0;
  color: var(--black-2);
  height: unset;
  width: unset;
}
.dt-inbd-details .elc-inbd-comment__field input, .dt-inbd-details .elc-inbd-comment__field textarea {
  background: var(--white-9);
  color: var(--black-2);
}
.dt-inbd-details .wc-btn-default {
  border: 0;
}
.dt-inbd-details .wc-btn-primary {
  background: var(--blue-3);
  color: var(--white);
}

.dentist-chamber__area {
  background-color: #2A3661;
}
.light .dentist-chamber__area {
  background-color: #6A6BBF;
}
.dentist-chamber__area .doctor-chamber__item {
  border-color: #344171;
}
.light .dentist-chamber__area .doctor-chamber__item {
  border-color: #8181CB;
}
.dentist-chamber__area .doctor-chamber__item span::after {
  background-color: #344171;
}
.light .dentist-chamber__area .doctor-chamber__item span::after {
  background-color: #8181CB;
}
.dentist-chamber__area .doctor-chamber__width {
  margin-inline-start: auto;
}
.dentist-chamber__area .sec-title-wrap {
  max-width: 50%;
  margin-inline-start: auto;
}
@media only screen and (max-width: 991px) {
  .dentist-chamber__area .sec-title-wrap {
    max-width: 100%;
  }
}
.light .dentist-chamber__area .sec-title-wrap .sec-title-9 {
  color: var(--white);
}
.dentist-chamber__area .doctor-chamber__img {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.swiper-slide-thumb-active .dt-invdo__testimonial-video-item::before {
  opacity: 1;
  visibility: visible;
}
.swiper-slide-thumb-active .dt-invdo__testimonial-video-item .dt-invdo__testimonial-btn-wrapper {
  opacity: 1;
  visibility: visible;
}

.dt-nav-button {
  width: 40px;
  height: 40px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.light .dt-nav-button {
  border-color: #555555;
}
.dt-nav-button:hover {
  background-color: #D2EAF1;
  border-color: transparent;
}
.light .dt-nav-button:hover {
  background-color: #202C58;
}
.dt-nav-button:hover img {
  filter: none;
}
.light .dt-nav-button:hover img {
  filter: brightness(100);
}
.dt-nav-button img {
  filter: brightness(100);
}
.dir-rtl .dt-nav-button img {
  transform: rotate(181deg);
}
.light .dt-nav-button img {
  filter: none;
}

.dentist-testimonial__nav {
  display: flex;
  gap: 10px;
}

.dentist-testimonial-thumbs .top-margin {
  margin-top: 80px;
}

.blog__details-dentist .cf_details__title-main {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .blog__details-dentist .cf_details__title-main {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog__details-dentist .cf_details__title-main {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__details-dentist .cf_details__title-main {
    font-size: 32px;
  }
}
.blog__details-dentist .cf_details__title-sub {
  font-size: 30px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .blog__details-dentist .cf_details__title-sub {
    font-size: 24px;
  }
}
.blog__details-dentist .cf_details__meta {
  display: flex;
  gap: 10px;
}
.blog__details-dentist .cf_details__meta .has-left-line:before {
  background: var(--white);
}
.blog__details-dentist .cf_details__image-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .blog__details-dentist .cf_details__image-group {
    gap: 15px;
  }
}
.blog__details-dentist .list-check li {
  font-size: 16px;
  margin-bottom: 10px;
}
.blog__details-dentist .list-check li::before {
  background-image: url("../imgs/dentist/check-mark.png");
}
.light .blog__details-dentist .list-check li::before {
  background-image: url("../imgs/dentist/check-mark-dark.png");
}
.blog__details-dentist .cf_details__list {
  display: grid;
  grid-template-columns: auto auto;
}
@media (max-width: 575px) {
  .blog__details-dentist .cf_details__list {
    grid-template-columns: auto;
  }
}
.blog__details-dentist .cf_details__quote-icon img {
  margin-top: 7px;
}
.blog__details-dentist .cf_details__quote-text {
  font-size: 28px;
  font-weight: 500;
  max-width: 760px;
  line-height: 1.3;
}
@media only screen and (max-width: 1399px) {
  .blog__details-dentist .cf_details__quote-text {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__details-dentist .cf_details__quote-text {
    font-size: 20px;
  }
}
.blog__details-dentist .cf_details__quote-author {
  font-size: 14px;
}
.blog__details-dentist .cf_details__quote-author:before {
  background-color: #A6ACC2;
}
.blog__details-dentist .list-tags a {
  font-size: 12px;
  padding: 4px 10px;
  line-height: 1;
  background-color: #2A3661;
  display: inline-block;
}
.light .blog__details-dentist .list-tags a {
  background-color: #F9F9F9;
  color: var(--black-2);
}
.blog__details-dentist .list-tags {
  gap: 8px;
}
.blog__details-dentist .list-social-media {
  gap: 12px;
}
.blog__details-dentist .list-social-media a:hover {
  color: #AEDBE9;
}
.blog__details-dentist .cf_details__share {
  display: flex;
  gap: 15px;
}
.blog__details-dentist .cf_details__share p {
  font-size: 14px;
}
.blog__details-dentist .cf_details__footer {
  display: flex;
  justify-content: space-between;
  gap: 15px 50px;
  flex-wrap: wrap;
  border-bottom: 1px solid #A6ACC2;
  padding-bottom: 20px;
}
.blog__details-dentist .cf-details-comment__field input,
.blog__details-dentist .cf-details-comment__field textarea {
  background-color: #2A3661;
  color: #A6ACC2;
}
.blog__details-dentist .cf-details-comment__field input::-moz-placeholder, .blog__details-dentist .cf-details-comment__field textarea::-moz-placeholder {
  color: #A6ACC2;
}
.blog__details-dentist .cf-details-comment__field input::placeholder,
.blog__details-dentist .cf-details-comment__field textarea::placeholder {
  color: #A6ACC2;
}
.blog__details-dentist .wc-btn-primary {
  background-color: #AEDBE9;
  color: #202C58;
  text-transform: uppercase;
  font-weight: 500;
}
.light .blog__details-dentist .wc-btn-primary {
  background-color: #202C58;
  color: var(--white);
}

.details__sidebar-dentist .cf-sidebar__widget {
  background-color: #2A3661;
  padding: 35px 30px;
}
@media only screen and (max-width: 1199px) {
  .details__sidebar-dentist .cf-sidebar__widget {
    padding: 25px 20px;
  }
}
.details__sidebar-dentist .cf-sidebar__recent-item-title {
  font-weight: 600;
}
.details__sidebar-dentist .cf-sidebar__recent-item {
  border-color: #445284;
}
.light .details__sidebar-dentist .cf-sidebar__recent-item {
  border-color: #D0D0D0;
}
.details__sidebar-dentist .wc-btn-primary {
  background-color: #AEDBE9;
  color: #202C58;
}
.details__sidebar-dentist .cf-sidebar__w-title {
  background-color: #374471;
  color: #E2E2E2;
}
.light .details__sidebar-dentist .cf-sidebar__w-title {
  background-color: #EEEEEE;
  color: var(--black-2);
}

.body-resume {
  background-color: #16254C;
  color: #A4ABBB;
  max-width: 1290px;
  margin: 50px auto;
  max-height: calc(100vh - 100px);
  overflow-y: scroll;
  position: relative;
}
.body-resume::-webkit-scrollbar {
  display: none;
}
.body-resume h1,
.body-resume h2,
.body-resume h3,
.body-resume h4,
.body-resume h5,
.body-resume h6 {
  color: #FCFAF5;
}
.light .body-resume {
  background-color: #FCFAF6;
  color: #555555;
}
.light .body-resume h1,
.light .body-resume h2,
.light .body-resume h3,
.light .body-resume h4,
.light .body-resume h5,
.light .body-resume h6 {
  color: #16254C;
}
.body-resume p {
  color: #A4ABBB;
}
.light .body-resume p {
  color: #555555;
}
.body-resume-main {
  background-color: #A799F9;
}

.resume-bg {
  background-color: #9A9EFF;
}
.resume-hero__area {
  padding-left: 80px;
  padding-right: 80px;
  margin-right: 110px;
  position: relative;
}
.resume-hero__content-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 150px;
}
.resume-hero__title {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 9px;
}
.resume-hero__subtitle p {
  font-size: 22px;
  font-weight: 500;
  color: var(--white);
}
.resume-hero__award {
  display: flex;
  gap: 15px;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(252, 250, 245, 0.1254901961);
  margin-top: 20px;
}
.resume-hero__award-text p {
  font-size: 14px;
  max-width: 100px;
  line-height: 1;
  color: var(--white);
}
.resume-hero__btn {
  margin-top: 40px;
  margin-bottom: 70px;
  display: flex;
  gap: 15px;
}
.resume-hero__btn a {
  border-radius: 18px;
}
.resume-hero__thumb-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.resume-hero__video-btn {
  max-width: 97px;
  margin-left: auto;
}
.resume-hero__video-btn .play_btn_5 {
  width: auto;
  height: auto;
  border: none;
}
.resume-hero__video-text p {
  font-size: 14px;
  line-height: 1;
  max-width: 80px;
  text-align: right;
  margin-left: auto;
  margin-top: 16px;
  margin-bottom: 28px;
}
.resume-hero__thumb-wrapper {
  position: relative;
}
.resume-hero__point-down {
  margin-bottom: 83px;
  text-align: right;
  margin-right: 37px;
}
.resume-hero__client-text p {
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  margin-bottom: 15px;
}
.resume-hero__clients-wrapper {
  padding: 28px;
  border-radius: 25px;
  background-color: #233259;
}
.resume-hero__clients-block {
  display: flex;
  gap: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.resume-hero__clients-number p {
  color: var(--white);
  font-size: 14px;
  line-height: 13px;
}
.resume-hero__clients-number p span {
  font-size: 18px;
  line-height: 16px;
}
.resume-hero__clients-number p:before {
  background-color: var(--white);
}
.resume-hero__thumb-shape1 {
  position: absolute;
  top: 0;
  left: 0;
}
.resume-hero__thumb-shape2 {
  position: absolute;
  top: 35%;
  left: -40px;
}
.resume-hero__thumb-shape3 {
  position: absolute;
  left: 33px;
  bottom: 17px;
  width: 80px;
  height: 80px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #233259;
  border-radius: 50%;
}
.resume-hero__shape1 {
  position: absolute;
  top: 0;
  left: 21%;
}
.resume-photo__author {
  max-width: 410px;
  border: 1px dashed rgba(252, 250, 245, 0.1254901961);
  border-radius: 410px;
  padding: 25px;
  margin-top: 40px;
  background: content-box #7DDED8;
}
.resume-photo__author img {
  margin-top: -65px;
  border-radius: 410px;
}
.resume-header {
  position: absolute;
  width: 110px;
  height: 100%;
  inset-inline-end: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  background-color: #233259;
  transition: all 0.5s;
}
.resume-header__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.resume-header__wrapper::-webkit-scrollbar {
  display: none;
}
.resume-header__toggler {
  width: 100%;
  aspect-ratio: 100/100;
  border-bottom: 1px solid #30406A;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.resume-header__hire-btn {
  padding: 17px 10px 13px;
  background-color: #16254C;
  text-align: center;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--white);
  margin: 20px;
}
.resume-header__hire-btn .icon-img {
  width: 40px;
  height: 40px;
  background: #FFDAA2;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.resume-header__hire-btn .icon-img img {
  transform: rotate(-45deg);
}
.resume-header__nav {
  margin: 20px;
  margin-bottom: 45px;
}
.resume-header__nav .main-menu > ul {
  display: flex;
  flex-direction: column;
}
.resume-header__nav .main-menu li a {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  flex-direction: column;
  gap: 7px;
  position: relative;
  padding: 14px 5px;
}
.resume-header__nav .main-menu li a:before, .resume-header__nav .main-menu li a:after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #31426C 0%, #617198 51.56%, #31426C 100%);
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
}
.resume-header__nav .main-menu li a:after {
  bottom: 0;
  top: auto;
}
.resume-header__nav .main-menu li a.active:before, .resume-header__nav .main-menu li a.active:after {
  opacity: 1;
}
.resume-header__nav .main-menu li a img {
  filter: brightness(10);
}
.resume-author__meta {
  background-color: #7DDED8;
  padding: 0 50px 50px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.resume-author__meta:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 180px;
  background-color: #16254C;
  top: 0;
  left: 0;
  z-index: -1;
}
.resume-author__meta .resume-photo__author {
  padding: 15px;
  margin-top: 25px;
  background-color: #9A9EFF;
  border-color: rgba(22, 37, 76, 0.1254901961);
}
.resume-author__meta .resume-photo__author img {
  margin-top: -40px;
}
.resume-author__meta p {
  color: #16254C;
}
.resume-author__meta-shape1 {
  position: absolute;
  top: -25px;
  left: 35px;
}
.resume-author__meta-title {
  font-size: 40px;
  font-weight: 600;
  color: #16254D;
  line-height: 1;
  margin-top: 26px;
  margin-bottom: 6px;
}
.resume-author__meta-title span {
  font-weight: 400;
}
.resume-author__meta-subtitle {
  font-size: 20px;
  font-weight: 500;
  color: #16254D;
  line-height: 1;
}
.resume-author__meta-btn {
  margin-top: 42px;
  margin-bottom: 120px;
}
.resume-author__meta-btn a {
  border-radius: 18px;
}
.resume-social__title {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #16254C;
  margin-bottom: 15px;
}
.resume-social__media {
  display: flex;
  gap: 10px;
}
.resume-social__media a {
  width: 40px;
  height: 40px;
  border: 1px solid #65C8C2;
  background: #65C8C2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--white);
}
.resume-social__media a:hover {
  background-color: #16254C;
  border-color: #16254C;
}
.resume-main__contents {
  padding-right: 80px;
  margin-right: 110px;
  position: relative;
  display: grid;
  grid-template-columns: 330px calc(100% - 410px);
  gap: 80px;
}
.resume-section-title {
  font-size: 24px;
  font-weight: 500;
  position: relative;
  margin-bottom: 8px;
}
.resume-section-title__border {
  width: 50px;
  height: 3px;
  background-color: #9A9EFF;
  border-radius: 3px;
  margin-left: 10px;
  position: relative;
}
.resume-section-title__border:before, .resume-section-title__border:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #FCFAF5;
  border-radius: 3px;
  left: -10px;
}
.resume-section-title__border:after {
  background-color: #FFDAA2;
  left: -5px;
}
.resume-about__content p {
  margin-bottom: 20px;
}
.resume-about__content p span {
  font-weight: 500;
  color: #FCFAF5;
}
.resume-services__wrapper {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}
.resume-services__wrapper .wcf__iconbox:nth-child(1) {
  background: #FAF2E7;
}
.resume-services__wrapper .wcf__iconbox:nth-child(1) .icon {
  background-color: #FFDAA2;
}
.resume-services__wrapper .wcf__iconbox:nth-child(2) {
  background: #EBE8FB;
}
.resume-services__wrapper .wcf__iconbox:nth-child(2) .icon {
  background-color: #9A9EFF;
}
.resume-services__wrapper .wcf__iconbox:nth-child(3) {
  background: #D8F2F1;
}
.resume-services__wrapper .wcf__iconbox:nth-child(3) .icon {
  background-color: #7DDED8;
}
.resume-testimonial__wrapper .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.resume-testimonial__wrapper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.resume-clients__wrapper {
  border: 1px solid rgba(252, 250, 245, 0.062745098);
  border-radius: 90px;
  padding: 26px 40px;
}
.resume-clients__wrapper .brand__logo img {
  max-height: 38px;
}
.resume-awards__wrapper {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}
.resume-award__item {
  background: #233259;
  border-radius: 20px;
  padding: 20px 25px 20px;
  position: relative;
}
.resume-award__item .year {
  position: absolute;
  right: 25px;
  top: 20px;
}
.resume-award__item .icon img {
  max-height: 47px;
  margin-top: 85px;
  margin-bottom: 26px;
}
.resume-award__item .title {
  font-size: 16px;
  font-weight: 500;
}
.resume-experience__wrapper {
  overflow: hidden;
}
.resume-experience__wrapper .experience__item .exp-time {
  color: #A4ABBB;
  margin-bottom: 0;
  line-height: 1;
}
.resume-experience__wrapper .experience__item .exp-title {
  font-size: 18px;
  font-weight: 500;
  color: #FCFAF5;
}
.resume-experience__wrapper .experience__item .company {
  color: #A4ABBB;
  font-weight: 400;
  line-height: 1;
}
.resume-experience__wrapper .experience__item.have-timeline {
  padding: 0 0;
  padding-inline-start: 30px;
  position: relative;
  margin-top: 40px;
}
.resume-experience__wrapper .experience__item.have-timeline:before {
  content: url(../imgs/shape/solid-line-light.png);
  inset-inline-start: 4px;
}
.resume-experience__wrapper .experience__item.have-timeline:after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 23px;
  width: 9px;
  height: 9px;
  background-color: #9A9EFF;
  border-radius: 50%;
}
.resume-experience__wrapper .experience__item.have-timeline:first-child {
  margin-top: 0;
}
.resume-knowledge__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.resume-knowledge__card {
  background-color: #233259;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.resume-knowledge__card .icon {
  width: 45px;
  height: 45px;
  background-color: #FFDAA2;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.resume-knowledge__card .text {
  font-size: 16px;
  font-weight: 500;
  color: #FCFAF5;
}
.resume-knowledge__card:nth-child(1) .icon {
  background-color: #9A9EFF;
}
.resume-knowledge__card:nth-child(2) .icon {
  background-color: #FFDAA2;
}
.resume-knowledge__card:nth-child(3) .icon {
  background-color: #7DDED8;
}
.resume-knowledge__card:nth-child(4) .icon {
  background-color: #EE94C4;
}
.resume-knowledge__card:nth-child(5) .icon {
  background-color: #B3DA83;
}
.resume-knowledge__card:nth-child(6) .icon {
  background-color: #F9B099;
}

.client-image-wrap {
  display: flex;
}
.client-image-wrap img {
  width: 50px;
  height: 50px;
  border: 3px solid #31426C;
  border-radius: 50%;
}
.client-image-wrap img:not(:first-child) {
  margin-left: -17px;
}

/*
    COMMON STYLES IN TRAVEL TEMPLATE
*/
#lang-default {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px;
}
#lang-default:focus {
  outline: 0;
}
#lang-default option {
  border-radius: 0;
  border: 0;
  color: var(--black-2);
}

.tg-bg {
  background-color: var(--blue-1);
}
.light .tg-bg {
  background-color: var(--blue-2);
}

.info-search__area.tg-search {
  background-color: var(--blue-1);
}
.info-search__area.tg-search .info-search__area-btn {
  color: var(--white);
}

.space-end {
  width: 180px;
  height: 3px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .space-end {
    display: none;
  }
}

.tg-sec-title-wrapper {
  text-align: center;
}
.tg-sec-title-wrapper p {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
}
.light .tg-sec-title-wrapper p {
  color: var(--blue-1);
}

.place-title-wrapper {
  text-align: start !important;
}

.tg-sec-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .tg-sec-title {
    mix-blend-mode: difference;
  }
}
.light .tg-sec-title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1199px) {
  .tg-sec-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-sec-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-sec-title {
    font-size: 30px;
  }
}

.tg-sec-title-2 {
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.light .tg-sec-title-2 {
  color: var(--blue-1);
}
@media only screen and (max-width: 1199px) {
  .tg-sec-title-2 {
    font-size: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-sec-title-2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-sec-title-2 {
    font-size: 40px;
  }
}

.tg-pt-180 {
  padding-top: 180px;
}
@media only screen and (max-width: 1199px) {
  .tg-pt-180 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-pt-180 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-pt-180 {
    padding-top: 50px;
  }
}

.space-top-inner {
  padding-top: 260px;
}
@media only screen and (max-width: 1199px) {
  .space-top-inner {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .space-top-inner {
    padding-top: 120px;
  }
}

.tg-pb-180 {
  padding-bottom: 180px;
}
@media only screen and (max-width: 1199px) {
  .tg-pb-180 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-pb-180 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-pb-180 {
    padding-bottom: 50px;
  }
}

.blog__details-wrap.tg-inbd__area-wrap {
  background: #0f3b7c;
}
.blog__details-wrap.tg-inbd__area-wrap p {
  color: var(--white);
}
.light .blog__details-wrap.tg-inbd__area-wrap p {
  color: var(--blue-1);
}

.blog__details-info.tg-blog__details-info ul li::after {
  background-color: #0f3b7c;
}

.navicon-light .tg-header__search button {
  color: var(--white);
}
.light .navicon-light .tg-header__search button {
  color: var(--blue-1);
}
.navicon-light #lang-default {
  color: var(--white);
}
.light .navicon-light #lang-default {
  color: var(--blue-1);
}

.plane-rtl {
  display: none;
}
.dir-rtl .plane-rtl {
  display: block;
}

.dir-rtl .plane-ltr {
  display: none;
}

.border-color-white {
  border-color: var(--white) !important;
}
.light .border-color-white {
  border-color: var(--blue-1) !important;
}

@media only screen and (max-width: 991px) {
  .tg-inner-testimonial {
    padding-top: 0;
  }
}

/*
    TRAVEL TEMPLATE MAIN STYLES
*/
.tg {
  /*
      TRAVEL HEADER
  */
  /*
      TRAVEL INTRO
  */
  /*
      TRAVEL VIEW
  */
  /*
      TRAVEL GUIDE
  */
  /*
      TRAVEL TEXT SLIDER
  */
  /*
      TRAVEL PLACE
  */
  /*
      TRAVEL BLOG
  */
  /*
      TRAVEL GALLARY
  */
  /*
      TRAVEL TESTIMONIAL
  */
  /*
      TRAVEL COUNTER
  */
  /*
      TRAVEL FOOTER
  */
  /*
      TRAVEL ABOUT PAGE
  */
  /*
      TRAVEL PLACE PAGE
  */
  /*
      TRAVEL PLACE DETAILS
  */
  /*
      TRAVEL BLOG PAGE
  */
  /*
      TRAVEL CONTACT PAGE
  */
}
.tg-header__navicon {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .tg-header__navicon {
    margin-right: 15px;
  }
}
.tg-header__navicon .menu-icon-2.light-dash::before {
  background: var(--white);
}
.light .tg-header__navicon .menu-icon-2.light-dash::before {
  background: var(--blue-1);
}
.tg-header__navicon .menu-icon-2.light-dash::after {
  background: var(--white);
}
.light .tg-header__navicon .menu-icon-2.light-dash::after {
  background: var(--blue-1);
}
.tg-header__navicon .menu-icon-2 span {
  display: none;
}
.tg-header__navicon .menu-icon-2::before {
  background: var(--blue-1);
  width: 40px;
}
.tg-header__navicon .menu-icon-2::after {
  background: var(--blue-1);
  width: 40px;
}
.tg-header__search {
  position: relative;
}
.tg-header__search .info-search__area {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .tg-header__search .info-search__area {
    right: -110px;
  }
}
.tg-header__search button {
  border: 0;
  color: var(--blue-1);
}
.tg-header__search button:focus {
  outline: 0;
}
.tg-header__nav ul li a {
  color: var(--blue-1);
  font-size: 14px;
  text-transform: uppercase;
}
.tg-intro__area {
  padding-top: 190px;
  padding-bottom: 120px;
  background: linear-gradient(180deg, #E2EEFE 0%, #E0EDFF 0.01%, rgba(226, 238, 254, 0) 100%);
  background-color: var(--white);
  position: relative;
}
@media only screen and (max-width: 991px) {
  .tg-intro__area {
    padding-top: 140px;
    padding-bottom: 80px;
  }
}
.tg-intro__area-bg-wrap {
  position: absolute;
  top: 60px;
  left: 230px;
}
.tg-intro__area-title-wrap {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-title-wrap {
    text-align: start;
  }
}
.tg-intro__area-title-wrap .shape-1 {
  position: absolute;
  inset-inline-end: 150px;
  top: -30px;
  max-width: 170px;
}
.dir-rtl .tg-intro__area-title-wrap .shape-1 {
  inset-inline-end: 13px;
}
@media only screen and (max-width: 1199px) {
  .tg-intro__area-title-wrap .shape-1 {
    inset-inline-end: 18px;
    max-width: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-title-wrap .shape-1 {
    max-width: 70px;
  }
}
.tg-intro__area-name-wrap {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-name-wrap {
    margin-bottom: 20px;
  }
}
.tg-intro__area-name {
  color: var(--blue-1);
  text-align: end;
  font-family: var(--font_romanstory);
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  max-width: 227px;
  display: inline-block;
  position: relative;
}
.light .tg-intro__area-name {
  color: var(--blue-1);
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-name {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-name {
    text-align: start;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-name {
    font-size: 26px;
  }
}
.tg-intro__area-name::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -7px;
  height: 2px;
  width: 100%;
  background-color: var(--blue-1);
}
.tg-intro__area-title {
  color: var(--blue-1);
  font-size: 170px;
  line-height: 0.88;
  text-transform: uppercase;
  text-indent: 410px;
  display: inline;
}
.light .tg-intro__area-title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1199px) {
  .tg-intro__area-title {
    font-size: 100px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-title {
    font-size: 50px;
  }
}
.tg-intro__area-latest-place {
  max-width: 270px;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-latest-place {
    margin: 20px 0;
  }
}
.tg-intro__area-latest-place img {
  border-radius: 65px;
}
.tg-intro__area-latest-place::before {
  position: absolute;
  content: "";
  left: -8px;
  top: -8px;
  height: 74px;
  width: 74px;
  border-top: 1px solid var(--blue-1);
  border-left: 1px solid var(--blue-1);
  border-top-left-radius: 72px;
}
.tg-intro__area-circle-wrap {
  display: inline-block;
  padding-left: 5px;
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-circle-wrap {
    margin-left: 50px;
  }
}
.tg-intro__area-circle-wrap .circle-text {
  background-color: var(--blue-1);
  width: 130px;
  height: 130px;
}
.tg-intro__area-disc-wrap {
  max-width: 290px;
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-disc-wrap {
    margin-left: auto;
  }
}
.tg-intro__area-disc-wrap p {
  margin-bottom: 40px;
  color: var(--blue-1);
  font-size: 20px;
}
.tg-intro__area-disc-wrap p span {
  font-weight: 500;
}
.tg-intro__area-disc-btn .wc-btn-underline {
  color: var(--blue-1);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.tg-intro__area-disc-btn .wc-btn-underline::after {
  background: var(--blue-1);
}
.tg-intro__area-arrow-text-wrap {
  display: flex;
  gap: 140px;
}
@media only screen and (max-width: 1199px) {
  .tg-intro__area-arrow-text-wrap {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-arrow-text-wrap {
    gap: 50px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-arrow-text-wrap {
    flex-wrap: wrap;
    gap: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .tg-intro__area-arrow-wrap {
    max-width: 300px;
    margin-left: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-arrow-wrap {
    max-width: 200px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.tg-intro__area-social {
  display: flex;
  gap: 30px;
  transform: rotate(-90deg);
  position: absolute;
  inset-inline-start: 100px;
  transform-origin: left center;
  bottom: 30vh;
}
.dir-rtl .tg-intro__area-social {
  bottom: 50vh;
  transform-origin: right center;
}
@media only screen and (max-width: 767px) {
  .dir-rtl .tg-intro__area-social {
    bottom: 0;
    transform-origin: left center;
    inset-inline-start: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .tg-intro__area-social {
    inset-inline-start: 50px;
    bottom: 50vh;
  }
}
@media only screen and (max-width: 991px) {
  .tg-intro__area-social {
    inset-inline-start: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-intro__area-social {
    inset-inline-start: 20px;
  }
}
.tg-intro__area-social li {
  position: relative;
}
.tg-intro__area-social li:last-child::after {
  display: none;
}
.tg-intro__area-social li::after {
  position: absolute;
  content: "";
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: var(--blue-1);
}
.tg-intro__area-social li a {
  color: var(--blue-1);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.tg-intro__area-social li a:hover {
  color: var(--green-3);
}
.tg-view__area {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tg-view__area .video__full video {
    height: 450px;
  }
}
.tg-view__area .video__full video {
  height: 100vh;
}
@media only screen and (max-width: 1199px) {
  .tg-view__area .video__full video {
    height: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-view__area .video__full video {
    height: 350px;
  }
}
.tg-view__area-view-image {
  overflow: hidden;
  height: 100vh;
}
@media only screen and (max-width: 1199px) {
  .tg-view__area-view-image {
    height: unset;
  }
}
.tg-view__area-content-wrap {
  position: absolute;
  width: 100%;
  max-width: 1320px;
  bottom: 130px;
  z-index: 99;
}
@media only screen and (max-width: 991px) {
  .tg-view__area-content-wrap {
    bottom: 50px;
  }
}
.tg-view__area-wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .tg-view__area-wrap {
    justify-content: flex-start;
    gap: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-view__area-wrap {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-view__area-wrap {
    flex-wrap: wrap;
  }
}
.tg-view__area-title {
  color: var(--white);
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.light .tg-view__area-title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .tg-view__area-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-view__area-title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .tg-view__area-title {
    font-size: 35px;
  }
}
.tg-view__area-disc-wrap {
  max-width: 410px;
}
.tg-view__area-disc-wrap p {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33;
}
.tg-view__area-explore-list {
  display: flex;
  gap: 58px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .tg-view__area-explore-list {
    margin-top: 20px;
  }
}
.tg-view__area-explore-list li {
  position: relative;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.tg-view__area-explore-list li::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -24px;
  height: 1px;
  width: 100%;
  background-color: var(--white);
}
.tg-guide__area .tg-guide__text {
  max-width: 280px;
}
.tg-guide__area-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .tg-guide__area-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-items {
    grid-template-columns: 1fr;
  }
}
.tg-guide__area-item {
  padding: 90px;
  border-bottom: 1px solid #1F447A;
  border-right: 1px solid #1F447A;
}
.light .tg-guide__area-item {
  border-bottom: 1px solid rgba(31, 68, 122, 0.1490196078);
  border-right: 1px solid rgba(31, 68, 122, 0.1490196078);
}
@media only screen and (max-width: 991px) {
  .tg-guide__area-item {
    border: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .tg-guide__area-item {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-item {
    padding-left: 0;
  }
}
.tg-guide__area-item:nth-child(3n+1) {
  padding: 70px 70px 0 0;
  border-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .tg-guide__area-item:nth-child(3n+1) {
    padding: 30px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .tg-guide__area-item:nth-child(3n+1) {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-item:nth-child(3n+1) {
    padding-left: 0;
  }
}
.tg-guide__area-item:nth-child(3n) {
  border-right: 0;
}
.tg-guide__area-item:nth-child(2) {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-item:nth-child(2) {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.tg-guide__area-item:nth-child(3) {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .tg-guide__area-item:nth-child(3) {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-item:nth-child(3) {
    padding-bottom: 30px;
  }
}
.tg-guide__area-item:nth-child(5) {
  border-bottom: 0;
  padding-bottom: 0;
}
.tg-guide__area-item:nth-child(6) {
  padding-right: 0;
}
.tg-guide__area-item:first-child {
  padding-top: 0;
  padding-bottom: 70px;
  border-bottom: 1px solid #1F447A;
}
.light .tg-guide__area-item:first-child {
  border-bottom: 1px solid rgba(31, 68, 122, 0.1490196078);
}
@media only screen and (max-width: 991px) {
  .tg-guide__area-item:first-child {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-item:first-child {
    padding-bottom: 30px;
  }
}
.tg-guide__area-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.tg-guide__area-item p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  color: var(--white);
}
.light .tg-guide__area-item p {
  color: var(--blue-1);
}
.tg-guide__area-thumb {
  margin-bottom: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .tg-guide__area-thumb {
    margin-bottom: 25px;
  }
}
.tg-guide__area-thumb img {
  max-width: 100px;
}
.tg-guide__area-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.light .tg-guide__area-title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1919px) {
  .tg-guide__area-title {
    font-size: 25px;
  }
}
.tg-guide__area-text {
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .tg-textslider__area {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-textslider__area {
    padding-bottom: 50px;
  }
}
.tg-textslider__area .text-slide-content .title {
  font-size: 500px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.light .tg-textslider__area .text-slide-content .title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1919px) {
  .tg-textslider__area .text-slide-content .title {
    font-size: 300px;
  }
}
@media only screen and (max-width: 1199px) {
  .tg-textslider__area .text-slide-content .title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-textslider__area .text-slide-content .title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-textslider__area .text-slide-content .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-place__area .tg-sec-title-wrapper {
    padding-top: 40px;
  }
}
.tg-place__area-wrap {
  display: grid;
  grid-template-columns: 40% 100%;
}
@media only screen and (max-width: 991px) {
  .tg-place__area-wrap {
    grid-template-columns: 50% 100%;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .tg-place__area-wrap {
    grid-template-columns: 100%;
    gap: 30px;
  }
}
.tg-place__area-disc {
  max-width: 350px;
}
.tg-place__area-short-text {
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.tg-place__area-short-text img {
  margin-right: 5px;
}
.tg-place__area-btn-wrap .wc-btn-default {
  border: 1px solid #405F8A;
  padding: 22px 27px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.85;
  text-transform: uppercase;
  display: inline-block;
}
.tg-place__area-item {
  position: relative;
  max-width: 300px;
}
@media only screen and (max-width: 991px) {
  .tg-place__area-item.inner-item {
    max-height: unset;
  }
}
@media only screen and (max-width: 767px) {
  .tg-place__area-item.inner-item {
    margin: auto;
  }
}
@media only screen and (max-width: 991px) {
  .tg-place__area-item {
    max-height: 400px;
  }
}
.tg-place__area-item:hover img {
  transform: scale(1.1);
}
.tg-place__area-item:hover .wc-btn-default {
  background-color: var(--white);
  color: var(--blue-1) !important;
}
.tg-place__area-item:hover .tg-place__area-thumb::after {
  opacity: 1;
  visibility: visible;
}
.tg-place__area-thumb {
  overflow: hidden;
  position: relative;
}
.tg-place__area-thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tg-place__area-thumb img {
  transform: scale(1);
  transition: all 1.5s;
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: left;
}
@media only screen and (max-width: 767px) {
  .tg-place__area-thumb img {
    width: 100%;
  }
}
.tg-place__area-content {
  position: absolute;
  bottom: 35px;
  left: 35px;
}
.tg-place__area-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: uppercase;
  margin-bottom: 30px;
  transition: 4s;
}
.light .tg-place__area-title {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .tg-place__area-title {
    font-size: 22px;
  }
}
.tg-place__area-item-btn .wc-btn-default {
  padding: 15px;
  border: 1.5px solid var(--white);
  font-size: 14px;
  font-weight: 500;
}
.light .tg-place__area-item-btn .wc-btn-default {
  color: var(--white);
}
.tg-place__area-item-btn .wc-btn-default i {
  display: inline-block;
  margin-left: 5px;
}
.tg-blog__area-sec-wrap {
  max-width: 500px;
  margin: auto;
}
.tg-blog__area-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 90px;
  margin-bottom: 200px;
}
@media only screen and (max-width: 1199px) {
  .tg-blog__area-items {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-blog__area-items {
    grid-row-gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-blog__area-items {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.tg-blog__area-item {
  max-width: 600px;
}
.tg-blog__area-item:hover img {
  transform: scale(1.2);
}
.tg-blog__area-meta {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}
.tg-blog__area-meta li {
  position: relative;
}
.tg-blog__area-meta li:last-child::after {
  display: none;
}
.tg-blog__area-meta li::after {
  position: absolute;
  content: "";
  left: calc(100% + 20px);
  height: 10px;
  width: 1px;
  background-color: var(--white);
  top: 50%;
  transform: translateY(-50%);
}
.tg-blog__area-meta li a {
  color: var(--white);
}
.light .tg-blog__area-meta li a {
  color: var(--blue-1);
}
.tg-blog__area-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.16;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.light .tg-blog__area-title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1199px) {
  .tg-blog__area-title {
    font-size: 25px;
  }
}
.tg-blog__area-thumb {
  overflow: hidden;
}
.tg-blog__area-content {
  max-width: 500px;
  padding: 50px;
  background-color: var(--blue-1);
  position: relative;
  margin: -165px auto;
}
.light .tg-blog__area-content {
  background-color: var(--blue-2);
}
@media only screen and (max-width: 1199px) {
  .tg-blog__area-content {
    padding: 30px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .tg-blog__area-content {
    padding-left: 0;
  }
}
.light .tg-blog__area-btn .wc-btn-underline {
  color: var(--blue-1);
}
.light .tg-blog__area-btn .wc-btn-underline::after {
  background-color: var(--blue-1);
}
.tg-blog__area-btn-wrap {
  flex-basis: 200px;
}
.tg-blog__area-btn-wrap .wc-btn-default {
  padding: 20px 30px;
  border: 1px solid #405F8A;
}
.tg-blog__area-line-wrap {
  display: flex;
  gap: 30px;
  align-items: center;
}
.tg-blog__area-line-wrap .line {
  height: 1px;
  width: 100%;
  background-color: #1F447A;
}
.light .tg-blog__area-line-wrap .line {
  background-color: #D5E7F4;
}
@media only screen and (max-width: 767px) {
  .tg-blog__area-line-wrap .line {
    width: 50%;
  }
}
.tg-gallary__area-swiper-wrap {
  align-items: center;
}
.tg-gallary__area-photo {
  text-align: center;
}
.tg-gallary__area-photo img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .tg-gallary__area-photo img {
    width: 100%;
    max-height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.tg-testimonial__area-wrap {
  max-width: 850px;
  margin-left: auto;
}
.tg-testimonial__area-shape-1 {
  margin-top: -380px;
}
@media only screen and (max-width: 1199px) {
  .tg-testimonial__area-shape-1 {
    max-width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-testimonial__area-shape-1 {
    display: none;
  }
}
.tg-counter__area {
  margin-top: -90px;
}
@media only screen and (max-width: 1199px) {
  .tg-counter__area {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-counter__area {
    margin-top: 100px;
  }
}
.tg-counter__area-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 150px;
}
@media only screen and (max-width: 1919px) {
  .tg-counter__area-items {
    max-width: 800px;
    margin: auto;
  }
}
@media only screen and (max-width: 991px) {
  .tg-counter__area-items {
    max-width: unset;
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-counter__area-items {
    grid-template-columns: 1fr;
  }
}
.tg-counter__area-counter {
  font-size: 170px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.light .tg-counter__area-counter {
  color: var(--blue-1);
}
@media only screen and (max-width: 1919px) {
  .tg-counter__area-counter {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .tg-counter__area-counter {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-counter__area-counter {
    font-size: 40px;
  }
}
.tg-counter__area-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .tg-counter__area-title {
    font-size: 20px;
  }
}
.tg-footer__area {
  max-width: 1920px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area {
    padding-top: 50px;
  }
}
.tg-footer__area .tg-sec-title {
  color: var(--blue-1);
}
@media only screen and (max-width: 767px) {
  .tg-footer__area .tg-sec-title {
    color: var(--white);
  }
}
.tg-footer__area-thumb {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-thumb img {
    display: none;
  }
}
.tg-footer__area-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.tg-footer__area-btn-wrap {
  padding-top: 30px;
}
.tg-footer__area-btn-wrap .wc-btn-primary {
  border-radius: 50px;
  color: var(--blue-1);
}
.tg-footer__area-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(13, 53, 112, 0.1);
  padding: 30px 0;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-footer-bottom {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.tg-footer__area-footer-bottom .tg-intro__area-social {
  position: unset;
  transform: rotate(0deg);
}
.tg-footer__area-footer-bottom .tg-intro__area-social li::after {
  background-color: var(--blue-1);
  width: 1px;
  height: 10px;
  left: calc(100% + 13px);
}
.tg-footer__area-footer-bottom .tg-intro__area-social li a {
  color: var(--blue-1);
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-footer-bottom .tg-intro__area-social li a {
    color: var(--white);
  }
}
.tg-footer__area-footer-bottom .copyright-text p {
  color: var(--blue-1);
  font-size: 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-footer-bottom .copyright-text p {
    color: var(--white);
  }
}
.tg-footer__area-content-wrap {
  position: relative;
}
.tg-footer__area-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-content {
    position: unset;
  }
}
.tg-footer__area-scroll-btn {
  color: var(--blue-1);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 7px;
}
@media only screen and (max-width: 767px) {
  .tg-footer__area-scroll-btn {
    color: var(--white);
  }
}
.tg-inab__area {
  position: relative;
  height: 120vh;
  background: linear-gradient(180deg, #E2EEFE 0%, #E0EDFF 0.01%, rgba(226, 238, 254, 0) 100%);
  background-color: var(--white);
  padding-top: 200px;
}
@media only screen and (max-width: 1919px) {
  .tg-inab__area {
    padding-top: 150px;
    height: 80vh;
  }
}
.tg-inab__area-title-wrap {
  position: relative;
}
.tg-inab__area-title {
  color: var(--blue-1);
  text-align: center;
  font-size: 11.667vw;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.tg-inab__area-highlight-text {
  max-width: 260px;
  margin-left: auto;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .tg-inab__area-highlight-text {
    margin-left: unset;
    text-align: center;
    max-width: 100%;
    padding-top: 10px;
  }
}
.tg-inab__area-highlight-text .text {
  color: var(--blue-1);
  font-size: 3.125vw;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .tg-inab__area-highlight-text .text {
    font-size: 22px;
  }
}
.tg-inab__area-thumb {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media only screen and (max-width: 1919px) {
  .tg-inab__area-thumb {
    max-width: 400px;
  }
}
.tg-inab__area-shape-1 {
  position: absolute;
  top: 27.22vh;
  left: 8.33vw;
}
@media only screen and (max-width: 991px) {
  .tg-inab__area-shape-1 {
    top: 12.22vh;
  }
}
@media only screen and (max-width: 767px) {
  .tg-inab__area-shape-1 {
    display: none;
  }
}
.tg-inab__area-shape-2 {
  position: absolute;
  bottom: 340px;
  left: 48px;
}
@media only screen and (max-width: 767px) {
  .tg-inab__area-shape-2 {
    bottom: 390px;
  }
}
.tg-inab__area-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 466px;
}
.tg-inab__area-shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 400px;
}
.tg-inab__area-shape-5 {
  position: absolute;
  bottom: 200px;
  right: 195px;
  max-width: 65px;
}
@media only screen and (max-width: 1919px) {
  .tg-inab__area-shape-5 {
    bottom: 66px;
    right: 30px;
  }
}
.tg-inab__area-shape-6 {
  position: absolute;
  bottom: 32.77vh;
  left: 21.87vw;
  max-width: 65px;
}
@media only screen and (max-width: 767px) {
  .tg-inab__area-shape-6 {
    display: none;
  }
}
.tg-inab__about {
  padding-top: 180px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .tg-inab__about {
    padding-top: 100px;
  }
}
.tg-inab__about-sec-title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .tg-inab__about-sec-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-inab__about-sec-title {
    font-size: 40px;
  }
}
.tg-inab__about-wrap {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 125px;
  position: relative;
  margin-top: 90px;
}
@media only screen and (max-width: 1919px) {
  .tg-inab__about-wrap {
    padding-bottom: 50px;
  }
}
.tg-inab__about-wrap .tg-intro__area-social {
  inset-inline-start: -350px;
  top: 50%;
  transform: translateY(-50%);
  bottom: unset;
  transform: rotate(-90deg);
  transform-origin: center center;
}
@media only screen and (max-width: 1919px) {
  .tg-inab__about-wrap .tg-intro__area-social {
    inset-inline-start: 0;
    top: unset;
    bottom: 0;
    transform: rotate(0);
  }
}
@media only screen and (max-width: 991px) {
  .tg-inab__about-wrap .tg-intro__area-social {
    inset-inline-start: unset;
    inset-inline-end: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tg-inab__about-wrap .tg-intro__area-social {
    inset-inline-start: 0;
  }
}
.tg-inab__about-wrap .tg-intro__area-social li::after {
  background-color: var(--white);
}
.tg-inab__about-wrap .tg-intro__area-social li a {
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .tg-inab__about-wrap {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-inab__about-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.tg-inab__about-content {
  padding-top: 90px;
}
@media only screen and (max-width: 991px) {
  .tg-inab__about-content {
    padding-top: 30px;
  }
}
.tg-inab__about-content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 25px;
  max-width: 480px;
  color: var(--white);
}
.light .tg-inab__about-content p {
  color: var(--blue-1);
}
.tg-inab__about-thumb {
  max-width: 480px;
}
.tg-inab__about-thumb-2 {
  max-width: 320px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 991px) {
  .tg-inab__about-thumb-2 {
    margin-inline-start: unset;
    padding-top: 20px;
  }
}
.tg-inab__counter {
  padding-top: 220px;
}
@media only screen and (max-width: 1199px) {
  .tg-inab__counter {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-inab__counter {
    padding-top: 0;
  }
}
.tg-inplace__area-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .tg-inplace__area-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .tg-inplace__area-items {
    grid-template-columns: 1fr;
  }
}
.tg-inpd__area-content {
  text-align: center;
  max-width: 810px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .tg-inpd__area-content {
    padding-top: 0;
  }
}
.tg-inpd__area-content .title {
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.light .tg-inpd__area-content .title {
  color: var(--blue-1);
}
@media only screen and (max-width: 1199px) {
  .tg-inpd__area-content .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .tg-inpd__area-content .title {
    font-size: 40px;
  }
}
.tg-inpd__area-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--white);
  margin-bottom: 30px;
}
.light .tg-inpd__area-content p {
  color: var(--blue-1);
}
.tg-inpd__gallary-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .tg-inpd__gallary-items {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-inpd__gallary-items {
    grid-template-columns: 1fr;
  }
}
.tg-inpd__gallary-item:nth-child(odd) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .tg-inpd__gallary-item:nth-child(odd) {
    margin-top: 0;
  }
}
.tg-inpd__gallary-item:nth-child(n) .thumb:first-child img {
  margin-bottom: 30px;
}
.tg-inpd__gallary-item .thumb img {
  width: 100%;
}
.tg-inb__area-item {
  padding-bottom: 105px;
}
@media only screen and (max-width: 1199px) {
  .tg-inb__area-item {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .tg-contact__area.social-link__area {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tg-contact__area.social-link__area {
    padding-bottom: 20px;
  }
}
.tg-contact__area .input-item input,
.tg-contact__area .input-item textarea {
  background-color: transparent;
  border-bottom: 1px solid rgba(239, 239, 239, 0.3019607843);
  padding-left: 0;
}
.light .tg-contact__area .input-item input,
.light .tg-contact__area .input-item textarea {
  border-bottom: 1px solid var(--blue-1);
  background-color: transparent !important;
}
.tg-contact__area .input-item input::-moz-placeholder, .tg-contact__area .input-item textarea::-moz-placeholder {
  color: var(--white);
}
.tg-contact__area .input-item input::placeholder,
.tg-contact__area .input-item textarea::placeholder {
  color: var(--white);
}
.light .tg-contact__area .input-item input::-moz-placeholder, .light .tg-contact__area .input-item textarea::-moz-placeholder {
  color: var(--blue-1);
}
.light .tg-contact__area .input-item input::placeholder,
.light .tg-contact__area .input-item textarea::placeholder {
  color: var(--blue-1);
}
.tg-contact__area .wc-btn-primary {
  background-color: #2b5087;
  color: var(--white);
}
.light .tg-contact__area .wc-btn-primary:hover {
  color: var(--blue-1);
}
.tg-contact__area .wc-btn-primary:hover {
  color: var(--white);
  background-color: transparent;
}
.tg-contact__area .wc-btn-primary span:after {
  background-color: var(--white);
}
.tg-contact__area .icon {
  border: 1px solid var(--white-6) !important;
}

/*
    COMMON STYLES IN CHEF TEMPLATE
*/
.chef-bg {
  background-color: var(--purple-4);
}

/*
    CHEF TEMPLATE MAIN STYLES
*/
.chef {
  /*
      CHEF TEMPLATE HEADER STYLE
  */
  /*
      CHEF TEMPLATE INTRO STYLE
  */
}
.chef-header__nav ul li a {
  color: var(--white);
  font-family: var(--font_tropline);
  color: var(--white-19);
  font-weight: 700;
}
.chef-header__navicon #lang-default {
  color: var(--white);
}
.chef-header__navicon .menu-icon-2::before {
  background-color: var(--white);
}
.chef-header__navicon .menu-icon-2::after {
  background-color: var(--white);
}
.chef-header__search button i {
  color: var(--white);
}
.main-blog__grid {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .main-blog__grid {
    grid-gap: 50px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .main-blog__grid {
    grid-gap: 20px 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .main-blog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .main-blog__grid {
    grid-template-columns: 1fr;
  }
}
.main-blog__grid .freelancer-blog__meta li a,
.main-blog__grid .freelancer-blog__meta li span {
  font-size: 16px;
}

.blog__details {
  padding-bottom: 35px;
}
.blog__details-top img {
  max-width: 100%;
}
.blog__details-info ul {
  gap: 80px;
  display: flex;
  align-items: center;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .blog__details-info ul {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__details-info ul {
    flex-wrap: wrap;
    gap: 30px 50px;
  }
}
.blog__details-info ul li {
  position: relative;
}
.blog__details-info ul li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  inset-inline-end: -40px;
  background-color: var(--black-6);
}
.light .blog__details-info ul li::after {
  background-color: var(--white-4);
}
@media only screen and (max-width: 767px) {
  .blog__details-info ul li::after {
    inset-inline-end: -26px;
  }
}
.blog__details-info ul li:last-child::after {
  display: none;
}
.blog__details-info ul li:last-child a {
  cursor: inherit;
}
.blog__details-info ul span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--black-9);
}
.blog__details-info a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
  display: block;
  transition: all 0.3s;
}
.light .blog__details-info a {
  color: var(--black-2);
}
.blog__details-info a:hover {
  color: var(--primary);
}
.blog__details-info .author {
  gap: 15px;
  display: flex;
  align-items: center;
}
.blog__details-info .author img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__details-wrap {
  max-width: 1070px;
  margin: 0 auto;
  margin-top: -110px;
  z-index: 1;
  position: relative;
  padding: 60px 110px;
  background: var(--black-2);
}
.light .blog__details-wrap {
  background-color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .blog__details-wrap {
    max-width: 1000px;
    padding: 60px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog__details-wrap {
    max-width: 840px;
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .blog__details-wrap {
    max-width: 640px;
    padding: 40px 30px;
    margin-top: -70px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__details-wrap {
    max-width: 100%;
    padding: 40px 0px;
    margin-top: 0;
  }
}
.blog__details_title {
  font-weight: 600;
  font-size: 60px;
  line-height: 1.1;
  color: var(--white);
  font-family: "Estedad";
  padding-bottom: 35px;
}
@media only screen and (max-width: 1399px) {
  .blog__details_title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog__details_title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .blog__details_title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog__details_title {
    font-size: 32px;
  }
}
.blog__details h1,
.blog__details h2,
.blog__details h3,
.blog__details h4,
.blog__details h5,
.blog__details h6 {
  font-weight: 600;
  line-height: 1.2;
  color: var(--white);
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: "Estedad";
}
.light .blog__details h1,
.light .blog__details h2,
.light .blog__details h3,
.light .blog__details h4,
.light .blog__details h5,
.light .blog__details h6 {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .blog__details h1,
  .blog__details h2,
  .blog__details h3,
  .blog__details h4,
  .blog__details h5,
  .blog__details h6 {
    padding-top: 20px;
  }
}
.blog__details h1 {
  font-size: 48px;
}
.blog__details h2 {
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  .blog__details h2 {
    font-size: 26px;
  }
}
.blog__details h3 {
  font-size: 32px;
}
.blog__details h4 {
  font-size: 24px;
}
.blog__details h5 {
  font-size: 20px;
}
.blog__details h6 {
  font-size: 18px;
}
.blog__details p {
  line-height: 1.6;
  padding-bottom: 30px;
}
.blog__details img {
  max-width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .blog__details img {
    margin-bottom: 30px;
  }
}
.blog__details ul {
  padding-bottom: 38px;
}
.blog__details ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--white);
  position: relative;
  padding-bottom: 3px;
}
.light .blog__details ul li {
  color: var(--black-2);
}
.blog__tag {
  gap: 5px;
  display: flex;
  align-items: center;
}
.blog__tag-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--black-9);
  font-family: "Estedad";
}
.blog__tag ul {
  gap: 3px;
  display: flex;
}
.blog__tag ul li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--white);
  font-family: "Estedad";
}
.light .blog__tag ul li a {
  color: var(--black-2);
}
.blog__pagination.pt-120 {
  padding-top: 60px;
}
.blog__pagination ul {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog__pagination li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--white);
  text-transform: capitalize;
}
.light .blog__pagination li a {
  color: var(--black-2);
}
.blog__pagination li a:hover {
  color: var(--primary);
}
.blog__pagination .prev {
  padding-inline-end: 15px;
}
.blog__pagination .prev i {
  padding-inline-end: 7px;
}
.dir-rtl .blog__pagination .prev i {
  transform: rotateY(180deg);
}
.blog__pagination .next {
  padding-inline-start: 15px;
}
.blog__pagination .next i {
  padding-inline-start: 7px;
}
.dir-rtl .blog__pagination .next i {
  transform: rotateY(180deg);
}
.blog__pagination .active a {
  color: var(--black-9);
}
.light .blog__pagination .active a {
  color: var(--black-9);
}
.blog__related .sec-title-wrapper {
  text-align: center;
  padding-bottom: 60px;
  border-top: 1px solid var(--black-6);
}
.light .blog__related .sec-title-wrapper {
  border-color: var(--white-4);
}
@media only screen and (max-width: 991px) {
  .blog__related .sec-title-wrapper {
    padding-bottom: 40px;
  }
}
.blog__related .sec-title-2 {
  font-size: 40px;
  text-align: center;
}
.blog__related-grid {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1399px) {
  .blog__related-grid {
    grid-gap: 60px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .blog__related-grid {
    grid-gap: 20px 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .blog__related-grid {
    grid-template-columns: 1fr;
  }
}
.blog__related-grid .freelancer-blog__meta li a,
.blog__related-grid .freelancer-blog__meta li span {
  font-size: 16px;
}

.cf_details__quote {
  display: grid;
  grid-template-columns: 70px auto;
  gap: 30px 70px;
}
@media (max-width: 575px) {
  .cf_details__quote {
    grid-template-columns: auto;
  }
}

.list-tags {
  display: flex;
  gap: 8px;
}

.list-social-media {
  display: flex;
  gap: 10px;
}

.cf-details-comment__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .cf-details-comment__title {
    font-size: 25px;
  }
}
.cf-details-comment__field label {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
.light .cf-details-comment__field label {
  color: #555555;
}
.cf-details-comment__field input, .cf-details-comment__field textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  background-color: #212125;
  border: 0;
  color: var(--white);
}
.light .cf-details-comment__field input, .light .cf-details-comment__field textarea {
  background-color: #F5F5F5;
  color: var(--black-2);
}
.cf-details-comment__field input::-moz-placeholder, .cf-details-comment__field textarea::-moz-placeholder {
  color: #BEBEBE;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.cf-details-comment__field input::placeholder, .cf-details-comment__field textarea::placeholder {
  color: #BEBEBE;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.light .cf-details-comment__field input::-moz-placeholder, .light .cf-details-comment__field textarea::-moz-placeholder {
  color: #999999;
}
.light .cf-details-comment__field input::placeholder, .light .cf-details-comment__field textarea::placeholder {
  color: #999999;
}
.cf-details-comment__field input:focus, .cf-details-comment__field textarea:focus {
  outline: 0;
}
.cf-details-comment__field textarea {
  height: 120px;
  resize: none;
}
.cf-details-comment__btn-wrapper .wc-btn-default {
  background-color: #FFA38E;
  border-color: #FFA38E;
  color: var(--black-2);
  font-size: 16px;
  padding: 16px 35px;
}
.cf-details-comment__btn-wrapper .wc-btn-default:hover {
  border-color: var(--white);
  background-color: transparent;
  color: var(--white);
}
.light .cf-details-comment__btn-wrapper .wc-btn-default:hover {
  border-color: var(--black-2);
  color: var(--black-2);
}

.cf-sidebar__widget {
  background-color: var(--black-3);
  padding: 19px;
}
.light .cf-sidebar__widget {
  background-color: #F9F9F9;
}
.cf-sidebar__contact {
  text-align: center;
  padding: 25px 0;
}
.cf-sidebar__contact-subtitle {
  color: var(--primary);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.cf-sidebar__contact-title {
  font-size: 28px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1399px) {
  .cf-sidebar__contact-title {
    font-size: 24px;
  }
}
.cf-sidebar__contact .wc-btn-primary {
  padding: 17px 46px;
}
.cf-sidebar__w-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--white);
  display: inline-block;
  padding: 8px 15px;
  background-color: var(--black-4);
}
.light .cf-sidebar__w-title {
  color: var(--black-2);
  text-decoration-color: var(--black-2);
}
.cf-sidebar__recent-item {
  border-bottom: 1px dashed var(--black-9);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.cf-sidebar__recent-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.cf-sidebar__recent-item-date {
  display: inline-block;
  margin-bottom: 10px;
}
.cf-sidebar__recent-item-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
.light .cf-sidebar__recent-item-title {
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .cf-sidebar__recent-item-title {
    font-size: 16px;
  }
}
.cf-sidebar__recent-item-title:hover {
  color: var(--primary);
}

/*
    Default Breadcrumb
*/
.header__area-8.default-blog-header .lawyer-header__inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2509803922);
}
.header__area-8.default-blog-header .lawyer-header__inner::before {
  background: rgba(255, 255, 255, 0.2509803922);
}
.header__area-8.default-blog-header .default-blog-menu li a {
  color: var(--white);
}
.header__area-8.default-blog-header .phone {
  color: var(--white);
}
.header__area-8.default-blog-header .menu-icon-8 img {
  filter: brightness(100);
}

.int-inab-sub-title {
  font-size: 24px;
  color: var(--white);
  text-transform: uppercase;
}

.default-blog__grid.no-sidebar {
  grid-template-columns: 1fr;
  max-width: 860px;
  margin: auto;
}
.default-blog__grid.right-sidebar {
  grid-template-columns: 1fr 300px;
}
.default-blog__grid.right-sidebar .default-blog__item {
  order: 2;
}
.default-blog__grid.right-sidebar .default-blog__item-content {
  order: 1;
}

.default-breadcrumb__area {
  background-image: url("../imgs/default-blog/breadcrumb-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .default-breadcrumb__area {
    padding-top: 130px;
  }
}
.default-breadcrumb__area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(33, 33, 37, 0.7490196078);
  opacity: 0.75;
  z-index: -2;
}
.default-breadcrumb__title {
  font-size: 80px;
  font-weight: 400;
  margin-bottom: 15px;
}
.light .default-breadcrumb__title {
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .default-breadcrumb__title {
    font-size: 50px;
  }
}
.default-breadcrumb__list {
  display: flex;
  gap: 14px;
}
.default-breadcrumb__list li {
  color: var(--black-9);
  text-transform: capitalize;
}
.default-breadcrumb__list li.active {
  color: var(--white);
}
.default-breadcrumb__list li i {
  padding-inline-start: 5px;
  font-size: 12px;
}

/*
    Default Main Blog
*/
.default-blog__grid {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 90px;
}
@media only screen and (max-width: 1199px) {
  .default-blog__grid {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__grid {
    grid-template-columns: 260px 1fr;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .default-blog__grid .default-blog__details-content {
    order: 1;
  }
  .default-blog__grid .default-blog__item {
    order: 2;
  }
}
.default-blog__item-content h2 {
  font-size: 40px;
  margin-bottom: 40px;
  transition: 0.3s;
}
@media only screen and (max-width: 1199px) {
  .default-blog__item-content h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__item-content h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.default-blog__item-content h2:hover {
  color: var(--primary);
}
.default-blog__item-content p {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .default-blog__item-content p {
    margin-bottom: 30px;
  }
}
.default-blog__item-content .wc-btn-underline {
  color: var(--black-9);
}
.default-blog__item-content .wc-btn-underline img {
  width: unset;
}
.default-blog__item-content .wc-btn-underline:hover {
  color: var(--primary);
}
.default-blog__item-content .wc-btn-underline i {
  color: var(--black-9);
}
.default-blog__item-single img {
  width: 100%;
}
.default-blog__meta {
  margin-bottom: 24px;
}
.default-blog__item-title {
  font-size: 40px;
}
@media only screen and (max-width: 1199px) {
  .default-blog__item-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__item-title {
    font-size: 22px;
  }
}
.default-blog__content {
  border: 1px solid var(--black-6);
  border-top: 0;
  padding: 40px;
}
.light .default-blog__content {
  border: 1px solid #F1F1F1;
}
@media only screen and (max-width: 991px) {
  .default-blog__content {
    padding: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__content {
    padding: 0;
    border: 0 !important;
    padding-top: 10px;
  }
}
.default-blog__details-content > img {
  margin-bottom: 45px;
  width: unset;
}
.default-blog__details-content p {
  margin-bottom: 25px;
}
.default-sidebar__widget {
  background-color: var(--black-3);
}
.light .default-sidebar__widget {
  background-color: #F9F9F9;
}
.default-sidebar__widget.baner {
  text-align: center;
  padding: 30px 0;
}
.light .default-sidebar__widget.baner .title {
  color: var(--white);
}
.light .default-sidebar__widget.baner {
  background-color: var(--black-2);
}
.default-sidebar__widget.baner .wc-btn-primary {
  padding: 17px 46px;
}
.default-sidebar__content {
  padding: 19px;
}
.default-sidebar__content form {
  position: relative;
}
.default-sidebar__content form input, .default-sidebar__content form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .default-sidebar__content form textarea, .default-sidebar__content form .dt-inap__appointment textarea, .dt-inap__appointment .default-sidebar__content form textarea, .default-sidebar__content form .cf-details-comment__field textarea, .cf-details-comment__field .default-sidebar__content form textarea {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--white);
  padding-right: 30px;
}
.light .default-sidebar__content form input, .light .default-sidebar__content form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .default-sidebar__content form textarea, .light .default-sidebar__content form .dt-inap__appointment textarea, .dt-inap__appointment .light .default-sidebar__content form textarea, .light .default-sidebar__content form .cf-details-comment__field textarea, .cf-details-comment__field .light .default-sidebar__content form textarea {
  color: var(--black-2);
}
.default-sidebar__content form input::-moz-placeholder, .default-sidebar__content form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .default-sidebar__content form textarea::-moz-placeholder, .default-sidebar__content form .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .default-sidebar__content form textarea::-moz-placeholder, .default-sidebar__content form .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .default-sidebar__content form textarea::-moz-placeholder {
  font-size: 14px;
  color: var(--black-9);
}
.default-sidebar__content form input::placeholder, .default-sidebar__content form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .default-sidebar__content form textarea::placeholder, .default-sidebar__content form .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .default-sidebar__content form textarea::placeholder, .default-sidebar__content form .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .default-sidebar__content form textarea::placeholder {
  font-size: 14px;
  color: var(--black-9);
}
.default-sidebar__content form input:focus, .default-sidebar__content form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .default-sidebar__content form textarea:focus, .default-sidebar__content form .dt-inap__appointment textarea:focus, .dt-inap__appointment .default-sidebar__content form textarea:focus, .default-sidebar__content form .cf-details-comment__field textarea:focus, .cf-details-comment__field .default-sidebar__content form textarea:focus {
  outline: 0;
}
.default-sidebar__content form button {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
}
.light .default-sidebar__content form button {
  color: var(--black-2);
}
.default-sidebar__content .subtitle {
  color: var(--primary);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.default-sidebar__content .title {
  font-size: 28px;
  color: var(--white);
  margin-bottom: 32px;
}
.light .default-sidebar__content .title {
  color: var(--black-2);
}
.default-sidebar__w-title {
  font-size: 20px;
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-color: var(--white);
  text-decoration-thickness: 1px;
  text-transform: capitalize;
}
.light .default-sidebar__w-title {
  color: var(--black-2);
  text-decoration-color: var(--black-2);
}
.default-sidebar__catlinks li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  color: var(--white);
}
.light .default-sidebar__catlinks li {
  color: var(--black-2);
}
.default-sidebar__catlinks li a {
  padding: 5px 0;
}
.default-sidebar__catlinks li a:hover {
  color: var(--primary);
}
.default-sidebar__recent-item {
  border-bottom: 1px dashed var(--black-9);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.default-sidebar__recent-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.default-sidebar__recent-item i {
  color: var(--black-9);
}
.default-sidebar__recent-item p {
  color: var(--white);
  display: block;
  margin-top: 5px;
  font-weight: 500;
  transition: 0.3s;
}
.default-sidebar__recent-item p:hover {
  color: var(--primary);
}
.light .default-sidebar__recent-item p {
  color: var(--black-2);
}
.default-sidebar__gallary {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.default-sidebar__tagslink {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.default-sidebar__tagslink li {
  background-color: var(--black-5);
  padding: 10px;
  font-size: 12px;
  color: var(--white);
  font-weight: 500;
  transition: 0.5s;
}
.default-sidebar__tagslink li:hover {
  color: var(--white);
  background-color: var(--primary);
}
.light .default-sidebar__tagslink li {
  background-color: #EFEFEF;
  color: var(--black-2);
}
.default-details__content h2 {
  font-size: 60px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .default-details__content h2 {
    font-size: 35px;
  }
}
.default-details__content h3 {
  font-size: 30px;
  text-transform: capitalize;
  margin-bottom: 25px;
}
.default-details__content ul {
  margin-bottom: 15px;
}
.default-details__content ul li {
  position: relative;
  padding-inline-start: 30px;
  color: var(--gray-4);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
}
.light .default-details__content ul li {
  color: var(--gray-10);
}
.default-details__content ul li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  background-image: url(../imgs/electrician/check-mark.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.default-details__content blockquote {
  font-size: 28px;
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .default-details__content blockquote {
    font-size: 18px;
  }
}
.default-details-tags {
  display: flex;
  gap: 8px;
}
.default-details-tags li {
  padding: 10px;
  background-color: var(--black-3);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
}
.light .default-details-tags li {
  background-color: #F9F9F9;
  color: var(--black-2);
}
.default-details-share__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .default-details-share__wrapper {
    gap: 15px;
    justify-content: flex-start;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .default-details-share__wrapper {
    justify-content: flex-start;
    margin-top: 15px;
  }
}
.default-details-share__wrapper p {
  color: var(--white);
  margin-bottom: 0;
  font-size: 12px;
}
.light .default-details-share__wrapper p {
  color: var(--black-2);
}
.default-details-share__wrapper p i {
  padding-right: 5px;
}
.default-details-social-media li {
  display: inline-block;
}
.default-details-social-media li a {
  display: inline-block;
  padding-right: 20px;
  color: var(--white);
  font-size: 13px;
}
.light .default-details-social-media li a {
  color: var(--black-2);
}
.default-details-comment-title {
  font-size: 36px;
}
@media only screen and (max-width: 991px) {
  .default-details-comment-title {
    font-size: 22px;
  }
}
.default-details-comment-wrapper {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 20px;
  position: relative;
}
.default-details-comment-wrapper.has-reply::before {
  position: absolute;
  content: "";
  inset-inline-start: 30px;
  top: 80px;
  width: 35px;
  height: 100%;
  background-color: transparent;
  border-left: 1px solid var(--black-6);
  border-bottom: 1px solid var(--black-6);
  border-bottom-left-radius: 10px;
}
.light .default-details-comment-wrapper.has-reply::before {
  border-left: 1px solid #F1F1F1;
  border-bottom: 1px solid #F1F1F1;
}
.dir-rtl .default-details-comment-wrapper.has-reply::before {
  border-right: 1px solid var(--black-6);
  border-left: 0;
}
.default-details-comment-wrapper.reply-msg {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 767px) {
  .default-details-comment-wrapper.reply-msg {
    margin-inline-start: 25px;
  }
}
.default-details-comment-thumb {
  max-width: 60px;
}
.default-details-comment-name {
  font-size: 18px;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.default-details-comment-date {
  font-size: 12px;
  color: var(--black-9);
  margin-bottom: 30px;
}
.default-details-comment-date span {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: var(--black-6);
  margin-left: 10px;
  margin-right: 10px;
}
.default-details-share-btn {
  color: var(--white);
}
.light .default-details-share-btn {
  color: var(--black-2);
}
.default-details-share-btn img {
  width: 17px;
  margin-right: 10px;
}
.default-error__content {
  text-align: center;
}
.default-error__title {
  font-size: 180px;
}
@media only screen and (max-width: 1199px) {
  .default-error__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .default-error__title {
    font-size: 60px;
  }
}
.default-error__sub-title {
  font-size: 60px;
}
@media only screen and (max-width: 1199px) {
  .default-error__sub-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .default-error__sub-title {
    font-size: 30px;
  }
}
.default-search__area .default-blog__content {
  border: 1px solid var(--black-6);
}
.light .default-search__area .default-blog__content {
  border: 1px solid #F1F1F1;
}
.default-search__again-form {
  max-width: 600px;
  margin: auto;
  margin-bottom: 60px;
}
.default-search__again-form p {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.default-search__again-form form {
  position: relative;
}
.default-search__again-form form input, .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .default-search__again-form form textarea, .default-search__again-form form .dt-inap__appointment textarea, .dt-inap__appointment .default-search__again-form form textarea, .default-search__again-form form .cf-details-comment__field textarea, .cf-details-comment__field .default-search__again-form form textarea {
  width: 100%;
  height: 70px;
  padding: 30px;
  background-color: var(--black-3);
  border: 0;
  color: var(--white);
  padding-right: 50px;
}
.light .default-search__again-form form input, .light .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .default-search__again-form form textarea, .light .default-search__again-form form .dt-inap__appointment textarea, .dt-inap__appointment .light .default-search__again-form form textarea, .light .default-search__again-form form .cf-details-comment__field textarea, .cf-details-comment__field .light .default-search__again-form form textarea {
  background-color: #F9F9F9;
  color: var(--black-2);
}
.default-search__again-form form input:focus, .default-search__again-form form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .default-search__again-form form textarea:focus, .default-search__again-form form .dt-inap__appointment textarea:focus, .dt-inap__appointment .default-search__again-form form textarea:focus, .default-search__again-form form .cf-details-comment__field textarea:focus, .cf-details-comment__field .default-search__again-form form textarea:focus {
  outline: 0;
}
.default-search__again-form form button {
  position: absolute;
  inset-inline-end: 26px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
}
.light .default-search__again-form form button {
  color: var(--black-2);
}

.pagination-circle {
  display: flex;
  gap: 18px;
  align-items: center;
}
.pagination-circle li {
  color: var(--white);
}
.light .pagination-circle li {
  color: var(--black-2);
}
.pagination-circle li a.active {
  background-color: var(--black-6);
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light .pagination-circle li a.active {
  color: var(--white);
}
.pagination-circle li a.active:hover {
  background-color: var(--primary);
}
.light .pagination-circle li a img {
  filter: brightness(0);
}

.blog-details__quote {
  display: grid;
  grid-gap: 70px;
  grid-template-columns: 75px auto;
}
@media only screen and (max-width: 1399px) {
  .blog-details__quote {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details__quote {
    grid-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details__quote {
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__quote {
    gap: 0;
    grid-template-columns: 1fr;
  }
}

.dancer__blogdetails img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .blog-details__quote img {
    margin-bottom: 20px;
  }
}

.blog-details__quote-text p {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3;
  color: var(--white);
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .blog-details__quote-text p {
    font-size: 20px;
  }
  .blog-details__quote-text p br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details__quote-text p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__quote-text p {
    font-size: 20px;
  }
}

.default-blog__item-meta {
  color: var(--white);
}
.light .default-blog__item-meta {
  color: var(--black-2);
}
.default-blog__item-meta span {
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: var(--white);
  transform: translateY(-5px);
  margin: 0 10px;
}
.light .default-blog__item-meta span {
  background-color: var(--black-2);
}

@media only screen and (max-width: 767px) {
  .pagination-wrapper {
    margin: 15px 0;
  }
}

.bg-transparent {
  background-color: transparent;
}

.default-details__cmtbtn .wc-btn-primary i {
  color: var(--black-2);
}

@media only screen and (max-width: 767px) {
  .default-comment-wrap {
    padding-top: 20px;
  }
}

.wc-btn-underline img {
  width: unset;
}

.children {
  padding-inline-start: 80px;
}
@media only screen and (max-width: 991px) {
  .children {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .children {
    padding-inline-start: 15px;
  }
}

ul li ul li ul li:last-child .default-details-comment-wrapper.has-reply::before {
  display: none;
}

.children .default-details-comment-wrapper.has-reply::before {
  display: none;
}

ul li:last-child .default-details-comment-wrapper.has-reply::before {
  display: none;
}

.footer__area {
  background-color: var(--black-3);
}
.light .footer__area {
  background-color: var(--white-2);
}
.footer__area .sec-sub-title {
  padding-bottom: 18px;
}
.footer__area-2 {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  background-color: var(--black-3);
}
.light .footer__area-2 {
  background-color: var(--white-2);
}
.footer__area-3 {
  position: relative;
  z-index: 1;
}
.footer__area-3::before {
  position: absolute;
  content: "";
  width: calc(50% - var(--container-max-widths) * 0.25);
  height: 100%;
  background-color: var(--black-3);
  inset-inline-start: 0;
  top: 0;
  z-index: -1;
}
.light .footer__area-3::before {
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .footer__area-3::before {
    display: none;
  }
}
.footer__area-3 .sec-title-wrapper {
  padding-inline-end: 110px;
}
@media only screen and (max-width: 1399px) {
  .footer__area-3 .sec-title-wrapper {
    padding-inline-end: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__area-3 .sec-title-wrapper {
    padding-inline-end: 15px;
  }
}
.footer__area-5 {
  border-top: 1px solid var(--black-5);
}
.light .footer__area-5 {
  border-color: var(--white-4);
}
.footer__area-5 .line {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .footer__area-5 .line {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer-writer__area {
  display: block;
  padding-bottom: 20px;
}
.footer-writer__title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--white);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--black-6);
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .footer-writer__title {
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
}
.footer-writer__top {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 0.8fr 1.2fr;
}
@media only screen and (max-width: 767px) {
  .footer-writer__top {
    grid-template-columns: 1fr;
  }
}
.footer-writer__menu .quick-links {
  padding-inline-end: 10px;
}
.footer-writer__menu .quick-links li a {
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--white);
  padding-bottom: 3px;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  .footer-writer__menu .quick-links li a {
    font-size: 18px;
  }
}
.footer-writer__menu .quick-links li a:hover {
  color: var(--black-9);
}
.footer-writer__newsletter form {
  position: relative;
}
.footer-writer__newsletter input, .footer-writer__newsletter .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer-writer__newsletter textarea, .footer-writer__newsletter .dt-inap__appointment textarea, .dt-inap__appointment .footer-writer__newsletter textarea, .footer-writer__newsletter .cf-details-comment__field textarea, .cf-details-comment__field .footer-writer__newsletter textarea {
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--white);
  width: 100%;
  border: none;
  background: transparent;
  padding-inline-end: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--white);
  outline: none;
}
@media only screen and (max-width: 991px) {
  .footer-writer__newsletter input, .footer-writer__newsletter .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer-writer__newsletter textarea, .footer-writer__newsletter .dt-inap__appointment textarea, .dt-inap__appointment .footer-writer__newsletter textarea, .footer-writer__newsletter .cf-details-comment__field textarea, .cf-details-comment__field .footer-writer__newsletter textarea {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-writer__newsletter input, .footer-writer__newsletter .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer-writer__newsletter textarea, .footer-writer__newsletter .dt-inap__appointment textarea, .dt-inap__appointment .footer-writer__newsletter textarea, .footer-writer__newsletter .cf-details-comment__field textarea, .cf-details-comment__field .footer-writer__newsletter textarea {
    padding-bottom: 10px;
  }
}
.footer-writer__newsletter input::-moz-placeholder, .footer-writer__newsletter .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .footer-writer__newsletter textarea::-moz-placeholder, .footer-writer__newsletter .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .footer-writer__newsletter textarea::-moz-placeholder, .footer-writer__newsletter .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .footer-writer__newsletter textarea::-moz-placeholder {
  opacity: 1;
  color: var(--white);
}
.footer-writer__newsletter input::placeholder, .footer-writer__newsletter .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .footer-writer__newsletter textarea::placeholder, .footer-writer__newsletter .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .footer-writer__newsletter textarea::placeholder, .footer-writer__newsletter .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .footer-writer__newsletter textarea::placeholder {
  opacity: 1;
  color: var(--white);
}
.footer-writer__newsletter .submit {
  position: absolute;
  inset-inline-end: 0;
  top: 10px;
}
.footer-writer__newsletter .submit:hover i {
  color: var(--primary) !important;
}
.footer-writer__newsletter .submit i {
  color: var(--white);
  font-size: 20px;
  transition: all 0.3s;
}
.light .footer-writer__newsletter .submit i {
  color: var(--black-2);
}
.footer-writer__btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid var(--black-6);
}
.footer-writer__btm p a {
  display: block;
  color: var(--white);
  transition: all 0.3s;
}
.footer-writer__btm p a:hover {
  color: var(--black-9);
}
.footer-sfluence__area {
  display: block;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__area {
    padding-top: 60px;
  }
}
.footer-sfluence__logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  position: relative;
  background-image: url(../imgs/social-influence/arrow.png);
  background-position: right 60px;
  background-repeat: no-repeat;
}
.dir-rtl .footer-sfluence__logo {
  background-position: left 60px;
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__logo {
    background-size: 20px;
  }
}
.footer-sfluence__logo::after {
  position: absolute;
  content: "";
  width: 890px;
  height: 1px;
  inset-inline-start: 260px;
  background-color: var(--gray-9);
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__logo::after {
    width: 330px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__logo::after {
    width: 80px;
    inset-inline-start: 206px;
  }
}
.footer-sfluence__logo img {
  max-width: 210px;
}
.light .footer-sfluence__logo img {
  filter: brightness(0.2);
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__logo img {
    max-width: 160px;
  }
}
.footer-sfluence__logo p {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--white-11);
}
.footer-sfluence__top {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__top {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.footer-sfluence__top::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 75px;
  inset-inline-start: 55%;
  top: 0;
  background-color: var(--gray-9);
}
@media only screen and (max-width: 1199px) {
  .footer-sfluence__top::before {
    inset-inline-start: 52%;
  }
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__top::before {
    inset-inline-start: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__top::before {
    inset-inline-start: 0;
    top: 70px;
    width: 100%;
    height: 1px;
  }
}
.footer-sfluence__menu ul {
  -moz-columns: 3;
       columns: 3;
  gap: 100px;
}
@media only screen and (max-width: 1399px) {
  .footer-sfluence__menu ul {
    gap: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-sfluence__menu ul {
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__menu ul {
    -moz-columns: 2;
         columns: 2;
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__menu ul {
    gap: 50px;
  }
}
.footer-sfluence__menu ul li a {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: var(--white-11);
  text-transform: uppercase;
  position: relative;
}
.footer-sfluence__menu ul li a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  inset-inline-start: 0;
  bottom: 0;
  background-color: var(--white-11);
  transition: all 0.5s;
}
.footer-sfluence__menu ul li a:hover::after {
  width: 100%;
}
.footer-sfluence__social ul {
  gap: 50px;
  display: flex;
  justify-content: right;
}
@media only screen and (max-width: 1399px) {
  .footer-sfluence__social ul {
    gap: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__social ul {
    gap: 25px;
  }
}
.footer-sfluence__social ul li {
  text-align: end;
}
.footer-sfluence__social ul li a {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--white-11);
  transition: all 0.3s;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__social ul li a {
    font-size: 14px;
  }
}
.footer-sfluence__social ul li a:hover {
  color: var(--primary);
}
.footer-sfluence__social ul li a span {
  display: block;
  font-size: 24px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__social ul li a span {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.footer-sfluence__gallery {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 100px;
}
@media only screen and (max-width: 1199px) {
  .footer-sfluence__gallery {
    grid-gap: 20px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-sfluence__gallery {
    padding-top: 50px;
    grid-gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer-sfluence__item img {
  width: 100%;
}
.footer-sfluence__btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}
@media only screen and (max-width: 767px) {
  .footer-sfluence__btm {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: unset;
    flex-direction: column;
  }
}
.footer-sfluence__btm p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--black-9);
  text-transform: uppercase;
}
.footer-sfluence__btm p a {
  color: var(--white-11);
  transition: all 0.3s;
}
.light .footer-sfluence__btm p a {
  color: var(--black-2);
}
.footer-sfluence__btm p a:hover {
  color: var(--black-9);
}
.footer-sfluence__btm li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black-9);
  text-transform: uppercase;
  transition: all 0.3s;
}
.footer-sfluence__btm li a:hover {
  color: var(--white);
}
.footer__top .line {
  padding-top: 70px;
  padding-bottom: 70px;
}
.footer__logo {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 130px;
}
@media only screen and (max-width: 991px) {
  .footer__logo {
    height: auto;
    justify-content: center;
    margin-bottom: 60px;
  }
}
.footer__logo-3 {
  max-width: 160px;
}
.footer__logo-5 {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .footer__logo-5 {
    grid-row: 1;
  }
}
.footer__logo-5 a {
  display: inline-block;
  padding: 30px 35px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 25px 25px 0 0;
  border: 1px solid var(--black-5);
  background-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .footer__logo-5 a {
    border-radius: 25px;
  }
}
.footer__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .footer__title {
    padding-bottom: 5px;
  }
}
.footer__title-3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-4);
  padding-bottom: 10px;
  text-transform: capitalize;
}
.light .footer__title-3 {
  color: var(--gray);
}
.footer__title-9 {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--white) !important;
  margin-bottom: 115px;
}
@media only screen and (max-width: 1399px) {
  .footer__title-9 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__title-9 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__title-9 {
    margin-bottom: 35px;
  }
}
.footer__link {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
}
.light .footer__link {
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .footer__link {
    font-size: 16px;
  }
}
.footer__link:hover {
  color: var(--primary);
}
.footer__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .footer__content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.footer__info {
  display: flex;
  gap: 140px;
  justify-content: flex-end;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 1399px) {
  .footer__info {
    gap: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__info {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer__info {
    gap: 50px;
    flex-direction: column;
  }
}
.footer__info-3 {
  margin-inline-start: 80px;
  display: flex;
  gap: 60px;
  justify-content: space-between;
  padding-bottom: 100px;
  border-bottom: 1px solid var(--black-6);
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .footer__info-3 {
    margin-inline-start: 40px;
    padding-bottom: 80px;
    gap: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__info-3 {
    margin-inline-start: 20px;
    flex-wrap: wrap;
    gap: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .footer__info-3 {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__info-3 {
    margin-inline-start: 0;
    gap: 30px;
    padding-bottom: 40px;
  }
}
.footer__info-3 div {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .footer__info-3 div {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .footer__info-3 div {
    text-align: start;
  }
}
@media (max-width: 575px) {
  .footer__info-3 div {
    width: 100%;
  }
}
.footer__info-3 div::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 60px;
  inset-inline-start: -40px;
  background-color: var(--black-6);
}
@media only screen and (max-width: 1399px) {
  .footer__info-3 div::before {
    display: none;
  }
}
.footer__info-3 div:first-child::before {
  position: unset;
}
@media only screen and (max-width: 1199px) {
  .footer__info-3 div:nth-child(3)::before {
    position: unset;
  }
}
@media only screen and (max-width: 767px) {
  .footer__contact {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer__email {
    text-align: center;
  }
}
.footer__address p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .footer__social {
    text-align: center;
  }
}
.footer__social li {
  padding-inline-start: 15px;
  display: inline-block;
}
.footer__social li:first-child {
  padding-inline-start: 0;
}
.footer__social li a {
  display: block;
  font-size: 20px;
  color: var(--gray-4);
  transition: all 0.3s;
}
.footer__social li a:hover {
  color: var(--primary);
}
.footer__social-2 {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .footer__social-2 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer__social-2 li a {
  font-size: 14px;
  color: var(--gray-4);
  padding: 21px 30px;
  font-weight: 500;
  border-radius: 40px;
  text-transform: uppercase;
  border: transparent;
}
.light .footer__social-2 li a {
  color: var(--black-2);
  background-color: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .footer__social-2 li a {
    padding: 18px 22px;
  }
}
.footer__social-2 li a::after {
  background-color: var(--black-4);
  z-index: -1;
}
.light .footer__social-2 li a::after {
  background-color: var(--white-3);
}
.footer__social-2 li a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.light .footer__social-2 li a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.footer__social-2 li a:hover span::after {
  background-color: var(--black-2);
}
.light .footer__social-2 li a:hover span::after {
  background-color: var(--black-2);
}
.footer__social-2 li a span {
  font-size: 18px;
  position: relative;
  padding-inline-end: 30px;
}
@media only screen and (max-width: 767px) {
  .footer__social-2 li a span {
    padding-inline-end: 20px;
  }
}
.footer__social-2 li a span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 30px;
  inset-inline-end: 10px;
  top: -4px;
  background-color: var(--gray-8);
  transition: all 0.3s;
}
.light .footer__social-2 li a span::after {
  background-color: var(--gray-2);
}
@media only screen and (max-width: 767px) {
  .footer__social-2 li a span::after {
    height: 20px;
    top: 0;
  }
}
.footer__social-5 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .footer__social-5 {
    grid-row: 2;
    margin-top: 20px;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.footer__social-5 li {
  display: inline-block;
}
.footer__social-5 li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--white);
  text-transform: capitalize;
}
.footer__social-5 li a:hover {
  color: var(--gray-4);
}
.footer__btm {
  padding: 30px 0;
  border-top: 1px solid var(--black-5);
}
.footer__btm-3 {
  margin-inline-start: 80px;
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}
@media only screen and (max-width: 1399px) {
  .footer__btm-3 {
    margin-inline-start: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__btm-3 {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__btm-3 {
    margin-inline-start: 0;
    flex-direction: column;
    gap: 30px;
  }
  .footer__btm-3 br {
    display: block;
  }
}
.footer__btm-3 .copyright {
  text-align: start;
}

.copyright {
  text-align: center;
}
.copyright p a {
  color: var(--white);
}
.copyright p a:hover {
  color: var(--primary);
}
.copyright-5 {
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .copyright-5 {
    grid-row: 3;
    text-align: center;
    justify-content: center;
  }
}
.copyright-5 p a {
  color: var(--white);
}
.copyright-5 p a:hover {
  color: var(--primary);
}

.light.footer__area-2 {
  background-color: var(--white-2);
}
.light.footer__area-3 {
  background-color: var(--white);
}
.light.footer__area-3::before {
  background: var(--white-2);
}
.light.footer-sfluence__area {
  background: #F0ECE9;
}
.light .footer__info-3 {
  border-color: var(--white-4);
}
.light .footer__info-3 div::before {
  background-color: var(--white-4);
}
.light .footer-writer__title {
  color: var(--black-2);
  border-color: var(--gray-2);
}
.light .footer-writer__menu .quick-links li a {
  color: var(--black-2);
}
.light .footer-writer__menu .quick-links li a:hover {
  color: var(--gray);
}
.light .footer-writer__newsletter input, .light .footer-writer__newsletter .elc-inbd-comment__field textarea, .elc-inbd-comment__field .light .footer-writer__newsletter textarea, .light .footer-writer__newsletter .dt-inap__appointment textarea, .dt-inap__appointment .light .footer-writer__newsletter textarea, .light .footer-writer__newsletter .cf-details-comment__field textarea, .cf-details-comment__field .light .footer-writer__newsletter textarea {
  color: var(--black-2);
  border-color: var(--black-2);
}
.light .footer-writer__newsletter input::-moz-placeholder, .light .footer-writer__newsletter .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .light .footer-writer__newsletter textarea::-moz-placeholder, .light .footer-writer__newsletter .dt-inap__appointment textarea::-moz-placeholder, .dt-inap__appointment .light .footer-writer__newsletter textarea::-moz-placeholder, .light .footer-writer__newsletter .cf-details-comment__field textarea::-moz-placeholder, .cf-details-comment__field .light .footer-writer__newsletter textarea::-moz-placeholder {
  color: var(--black-2);
}
.light .footer-writer__newsletter input::placeholder, .light .footer-writer__newsletter .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .light .footer-writer__newsletter textarea::placeholder, .light .footer-writer__newsletter .dt-inap__appointment textarea::placeholder, .dt-inap__appointment .light .footer-writer__newsletter textarea::placeholder, .light .footer-writer__newsletter .cf-details-comment__field textarea::placeholder, .cf-details-comment__field .light .footer-writer__newsletter textarea::placeholder {
  color: var(--black-2);
}
.light .footer-writer__btm {
  border-color: var(--gray-2);
}
.light .footer-writer__btm p a {
  color: var(--black-2);
}
.light .footer-writer__btm p a:hover {
  color: var(--black-9);
}
.light .footer-sfluence__logo {
  background-image: url(../imgs/social-influence/shape-6.png);
}
.light .footer-sfluence__logo p {
  color: var(--black-2);
}
.light .footer-sfluence__menu ul li a {
  color: var(--black-2);
}
.light .footer-sfluence__menu ul li a::after {
  background-color: var(--black-2);
}
.light .footer-sfluence__social ul li a {
  color: var(--black-2);
}
.light .footer-sfluence__social ul li a:hover {
  color: var(--primary);
}
.light .footer-sfluence__btm p {
  color: var(--gray-10);
}
.light .footer-sfluence__btm li a {
  color: var(--gray-10);
}
.light .footer-sfluence__btm li a:hover {
  color: var(--black-2);
}
.light.footer__area {
  background-color: var(--white-2);
}
.light.footer__area-5 {
  border-top: 2px solid var(--white-4);
}
.light .footer__title {
  color: var(--gray);
}
.light .footer__social li a {
  color: var(--gray);
}
.light .footer__social li a:hover {
  color: var(--primary);
}
.light .footer__social-5 li a {
  color: var(--black-2);
}
.light .footer__social-5 li a:hover {
  color: var(--primary);
}
.light .footer__btm {
  border-color: var(--white-4);
}
.light .footer__logo-5 a {
  border-color: var(--white-4);
  background-color: var(--white);
}
.light .copyright p a {
  color: var(--black-2);
}
.light .copyright p a:hover {
  color: var(--primary);
}
.light .copyright-5 p a {
  color: var(--black-2);
}

@media only screen and (max-width: 991px) {
  .newsletter {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer__links {
    justify-content: center;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__links {
    margin-bottom: 30px;
  }
}
.footer__links li {
  margin-bottom: 0;
}
.footer__links li a {
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 35px;
}
.footer__links7 li {
  margin-inline-end: 25px;
  position: relative;
  text-transform: uppercase;
}
.footer__links7 li:last-child {
  margin-inline-end: 0;
}
.footer__links7 li:last-child::before {
  display: none;
}
.footer__links7 li::before {
  content: "";
  position: absolute;
  inset-inline-end: -13px;
  top: 5px;
  height: 16px;
  width: 1px;
  background-color: #3F3A36;
}
@media only screen and (max-width: 991px) {
  .footer__links7 li::before {
    display: none;
  }
}

.footer__social-5.social_6 {
  justify-content: flex-start;
  position: relative;
  padding-bottom: 40px;
}
.footer__social-5.social_6 li {
  padding-inline-end: 20px;
  padding-inline-start: 0;
}
.footer__social-5.social_6::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 20px;
  width: 100px;
  height: 1px;
  background-color: #3F3A36;
}

.newsletter form input, .newsletter form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .newsletter form textarea, .newsletter form .dt-inap__appointment textarea, .dt-inap__appointment .newsletter form textarea, .newsletter form .cf-details-comment__field textarea, .cf-details-comment__field .newsletter form textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #3C3636;
  background-color: transparent;
  color: var(--white);
  padding: 10px 30px 10px 0;
}
.newsletter form input:focus, .newsletter form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .newsletter form textarea:focus, .newsletter form .dt-inap__appointment textarea:focus, .dt-inap__appointment .newsletter form textarea:focus, .newsletter form .cf-details-comment__field textarea:focus, .cf-details-comment__field .newsletter form textarea:focus {
  outline: 0;
}

.submit_btn {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-80%);
}
.dir-rtl .submit_btn img {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 767px) {
  .copyright__6 {
    text-align: center !important;
  }
}

.hover-zoom li a:hover {
  transform: scale(1.1);
}
.hover-rotate li a i {
  transition: all 1s;
}
.hover-rotate li a:hover i {
  transform: rotate(360deg);
}
.hover-space li a:hover {
  letter-spacing: 1px;
}
.hover-border-move li a {
  position: relative;
  transition: all 0.5s;
}
.hover-border-move li a:hover::after {
  width: 100%;
  left: auto;
  right: 0;
}
.hover-border-move li a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
  background-color: currentColor;
}

.menu-hover-default li a:hover {
  color: var(--primary);
}
.menu-hover-space li a:hover {
  letter-spacing: 1px;
}

.blog-img-leftmove img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.blog-img-leftmove:hover img {
  transform: scale(1.1) translateX(4%);
}
.blog-img-zoom {
  overflow: hidden;
}
.blog-img-zoom img {
  transform: scale(1);
  transition: all 1s;
}
.blog-img-zoom:hover img {
  transform: scale(1.1);
}

.anim_img_zoom {
  overflow: hidden;
}
.anim_img_zoom img {
  transform: scale(1);
  transition: all 1s;
}
.anim_img_zoom:hover img {
  transform: scale(1.1);
}

.title-hover-flip {
  overflow: hidden;
  perspective: 1000px;
}
.title-hover-flip strong {
  font-weight: 400;
  position: relative;
  display: inline-block;
  transition: transform 0.5s;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
}
.title-hover-flip strong:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  content: attr(data-hover);
  transition: all 0.5s;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
}
.title-hover-flip:hover strong {
  transform: rotateX(90deg) translateY(-22px);
}

.service-hover-default:hover {
  background-color: var(--white-6);
}
.service-rollover-right {
  position: relative;
  transition: all 0.5s;
}
.service-rollover-right::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--white-6);
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.service-rollover-right:hover::after {
  width: 100%;
  left: auto;
  right: 0%;
}
.service-rollover-left {
  position: relative;
  transition: all 0.5s;
}
.service-rollover-left::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--white-6);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: -1;
}
.service-rollover-left:hover::after {
  width: 100%;
  right: auto;
  left: 0%;
}
.service-rollover-top {
  position: relative;
  transition: all 0.5s;
}
.service-rollover-top::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background-color: var(--white-6);
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.service-rollover-top:hover::after {
  height: 100%;
  bottom: auto;
  top: 0%;
}
.service-rollover-bottom {
  position: relative;
  transition: all 0.5s;
}
.service-rollover-bottom::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  top: 0;
  left: 0;
  background-color: var(--white-6);
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.service-rollover-bottom:hover::after {
  height: 100%;
  top: auto;
  bottom: 0%;
}/*# sourceMappingURL=master.css.map */