Merge pull request #55 from pankaj-bind/main

border-radius updated

assets/css/style.css

@@ -258,14 +258,15 @@ body {
 .btn-primary {
   background-color: var(--old-rose);
   color: var(--white);
-  border-radius: 5px;
+  border-radius: var(--radius-5);
 }
 
 .btn-primary:is(:hover, :focus) { background-color: var(--chinese-violet); }
 
 .btn-secondary {
   border: 1px solid var(--old-rose);
   color: var(--old-rose);
+  border-radius: var(--radius-5);
 }
 
 .btn-secondary:is(:hover, :focus) {
@@ -373,11 +374,7 @@ body {
   transition: var(--transition-1);
 }
 
-.navbar-link:is(:hover, :focus) { 
-  color: var(--old-rose); 
-  transform: scale(1.05);
-  transition: 0.3s ease-in-out;
-}
+.navbar-link:is(:hover, :focus) { color: var(--old-rose); }
 
 
 
@@ -406,7 +403,7 @@ body {
   margin-inline: auto;
 }
 
-.hero-banner .w-100 { border-radius: 10px 30px; }
+.hero-banner .w-100 { border-radius: 10px 10px; }
 
 .hero-banner::before {
   top: 30px;
@@ -427,7 +424,7 @@ body {
   color: var(--chinese-violet);
   font-size: 22px;
   padding: 24px;
-  border-radius: 50%;
+  border-radius: 10;
   transition: var(--transition-1);
   animation: pulse 3s ease infinite;
 }
@@ -497,6 +494,7 @@ body {
   padding: 10px;
   box-shadow: var(--shadow-3);
   transition: var(--transition-1);
+  border-radius: var(--radius-5);
 }
 
 .benefits-card:is(:hover, :focus) .card-icon { box-shadow: none; }
@@ -520,7 +518,6 @@ body {
   border-radius: var(--radius-5);
   box-shadow: var(--shadow-2);
   transition: var(--transition-2);
-  border-radius: 10px;
 }
 
 .chapter-card:is(:hover, :focus-within) { transform: translateY(-10px); }
@@ -579,8 +576,6 @@ body {
 
 
 
-
-
 /*-----------------------------------*\
   #PRICING
 \*-----------------------------------*/
@@ -590,10 +585,11 @@ body {
   background-color: var(--white);
   text-align: center;
   transition: var(--transition-2);
-  border-radius: 10px;
+  border-radius: var(--radius-5);
 }
 
-.pricing-card:is(:hover, :focus-within){ box-shadow: var(--shadow-4); }
+.pricing-card:is(:hover, :focus-within),
+.pricing-card.bundle { box-shadow: var(--shadow-4); }
 
 .pricing-card:is(:hover, :focus-within) { transform: translateY(-10px); }
 
@@ -626,6 +622,7 @@ body {
 .author .container {
   display: grid;
   gap: 40px;
+
 }
 
 .author :is(.section-subtitle, .section-title) { text-align: left; }
@@ -689,15 +686,16 @@ body {
 .contact-form {
   background-color: var(--seashell);
   padding: 20px;
+  border-radius: var(--radius-5);
 }
 
 .input-field {
   background-color: var(--white);
   padding: 10px;
   margin-block-end: 15px;
   outline: none;
+  border-radius: var(--radius-5);
   border-block-end: 2px solid transparent;
-  border-radius: 8px;
 }
 
 .input-field:focus { border-color: var(--old-rose); }
@@ -713,8 +711,8 @@ textarea.input-field {
 
 .contact-card {
   background-color: var(--seashell);
+  border-radius: var(--radius-5);
   padding: 30px;
-  border-radius: 10px;
 }
 
 .contact-card .card-title {
@@ -749,6 +747,7 @@ textarea.input-field {
   font-size: 20px;
   padding: 5px;
   box-shadow: var(--shadow-3);
+  border-radius: var(--radius-5);
   transition: var(--transition-1);
 }
 
@@ -835,7 +834,7 @@ textarea.input-field {
     max-width: 540px;
     width: 100%;
     margin-inline: auto;
-    border-radius: 10px;
+    border-radius: var(--radius-5);
   }
 
   .section-text { --fs-7: 2rem; }
@@ -928,8 +927,6 @@ textarea.input-field {
 
   .grid-list { grid-template-columns: 1fr 1fr; }
 
-
-
   /**
    * HERO
    */
@@ -1143,8 +1140,7 @@ textarea.input-field {
 
   .contact .wrapper { grid-template-columns: 1fr 0.5fr; }
 
-  .contact-form { padding: 40px; 
-    border-radius: 10px;}
+  .contact-form { padding: 40px; }
 
 }
 
@@ -1214,10 +1210,6 @@ textarea.input-field {
     justify-content: space-between;
     align-items: center;
   }
-  .footer-link:hover{
-    transform: scale(1.05);
-    transition: 0.3s ease-in-out;
-  }
 
   .footer .logo { margin-block-end: 0; }