@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root { --primary-font-family: "Poppins", sans-serif; --primary-background:#c3a239; --white-background:#fff; --black-background:#000; --primary-color:#c3a239; --black-color:#000; --white-color:#fff; --font-weight-100:100; --font-weight-200:200; --font-weight-300:300; --font-weight-400:400; --font-weight-500:500; --font-weight-600:600; --font-weight-700:700; --font-weight-800:800; --font-10:10px; --font-11:11px; --font-12:12px; --font-13:13px; --font-14:14px; --font-15:15px; --font-16:16px; --font-17:17px; --font-18:18px; --font-19:19px; --font-20:20px; --font-21:21px; --font-22:22px; --font-23:23px; --font-24:24px; --font-25:25px; --font-26:26px; --font-27:27px; --font-28:28px; --font-29:29px; --font-30:30px; --font-31:31px; --font-32:32px; --font-33:33px; --font-34:34px; --font-35:35px; --font-36:36px; --font-37:37px; --font-38:38px; --font-39:39px; --font-40:40px; --font-41:41px; --font-42:42px; --font-43:43px; --font-44:44px; --font-45:45px; --font-46:46px; --font-47:47px; --font-48:48px; --font-49:49px; --font-50:50px; --font-60:60px; --font-70:70px; --font-80:80px; --font-90:90px; --font-100:100px; --justify-center:center; --justify-spabe:space-between; --align-center:center; --primary-display:block; --secondary-display:flex; --display-inline:inline-block; --text-uppercase:uppercase; --text-capital:capitalize; }
body { font-family: var(--primary-font-family); }
p { font-family: var(--primary-font-family); }
h1 { font-family: var(--primary-font-family); }
h2 { font-family: var(--primary-font-family); }
h3 { font-family: var(--primary-font-family); }
h4 { font-family: var(--primary-font-family); }
h5 { font-family: var(--primary-font-family); }
h6 { font-family: var(--primary-font-family); }
a { font-family: var(--primary-font-family); }
li { font-family: var(--primary-font-family); }
.is-sticky { top: 0px; left: 0px; width: 100%; z-index: 999; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 15px; position: fixed !important; }
.is-sticky { animation: 1s ease 0s 1 normal forwards running smoothScroll; }
@keyframes smoothScroll { 
  0% { transform: translateY(-150px); }
  100% { transform: translateY(0px); }
}

/*=================================================Header css start==================================*/
.top-info{padding: 12px 0; background: #FFB013; text-align: center;}
.top-info p{color: #141517; margin-bottom: 0;}
.header-top-icon a {position: relative; padding-right: 35px; height: 40px; display: inline-block; line-height: 40px; font-size: 14px; font-weight: 600; color: #000; text-decoration: none;}
.header-top-icon a::before {position: absolute; content: ""; height: 100%; width: 1px; background: #ebebeb; top: 0; right: 18px; }
.header-top-icon i {margin-right: 10px; color: #2467EC; }
.f-right {float: right; }
.p-relative {position: relative; }
.header-user-login span {margin-right: 20px; }
.header-user-login span::before {position: absolute; width: 1px; height: 100%; background: #edeef2; content: ""; right: 0; }
.header-user-login span a {font-size: 14px; font-weight: 600;color: #000; text-decoration: none; }
.header-social a {color: #a6b9cc; font-size: 15px; margin-left: 20px; }
.align-items-center {align-items: center!important; }
 .header-inn-style {display: flex; justify-content: space-between; align-items: center; }
.cattext {min-width: 220px; padding: 0 20px; background: #fff; position: relative; margin-bottom: 0; border: 1px solid #edeef2; border-radius: 5px; color: #141517; height: 55px; line-height: 53px }
.cattext::before {position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: transparent; z-index: 1 }
.sticky-form {background-color: #e66b23; padding: 9px; display: block; position: fixed; width: 100%; bottom: 0; transition: 1s; z-index: 9; }
.sticky-form-inner p {text-align: center; color: #fff; margin-bottom: 12px; }
.sticky-form-inner form {width: 70%; margin: 0 auto; }
.justify-content-center {justify-content: center!important; }
.sticky-form input {height: 34px; width: 100%; border: none; padding: 15px 20px; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; outline: 0; }
.sticky-form button {background-color: #4e4d4b; height: 34px; padding: 4px 35px; color: #fff; border: 1px solid #fff; text-transform: uppercase; font-weight: 600; font-size: 15px; }
.header-main-wrapper {max-width: 1720px; margin: 0 auto; }
.header-search input {border: 1px solid #edeef2; height: 55px; width: 350px; background: #fff; border-radius: 5px; padding: 0 55px 0 20px; color: #575757; }
 .header-search button {position: absolute; top: 0; right: 20px; transform: translatey(-50%); top: 50%; color: #2467EC; background-color: unset; border: none;}
 ul{list-style-type: none; padding-left: 0px;}
 .main-header-wrapper.is-sticky .sticky-form{display: block; position: unset; transition: 1s; }
.sticky-header.is-sticky {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; display: block; -webkit-box-shadow: 0 10px 20px 0 rgb(8 0 42 / 8%); -moz-box-shadow: 0 10px 20px 0 rgba(8,0,42,.08); box-shadow: 0 10px 20px 0 rgb(8 0 42 / 8%); }
.header-transparent {position: absolute; left: 0; right: 0; margin: auto; z-index: 999; }
.top-header{padding: 3px;}
a{text-decoration: none;}
.kapil-new-courses a .sub-arrow{display: none;}
#main-menu{display: flex!important; align-items: center;}
.nav-main-style{display: flex; align-content: center;}

/*=================================================Header css end==================================*/


/*============================================main banner css start==================================*/

@media only screen and (min-width: 576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {.header-home-2-area {padding:10px 0 } } 
.hero-text h2 {line-height: 1.2; margin-bottom: 20px; font-size: 50px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.hero-text h2 {font-size:45px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.hero-text h2 {font-size:38px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px) {.hero-text h2 {font-size:36px } }
@media (max-width: 575px) {.hero-text h2 {font-size:30px } }
.hero-area {height: 750px; background-color: #edeff5 }
.hero-thumb-01 {position: absolute; left: -170px; top: -90px }
@media only screen and (min-width: 1600px) and (max-width:1800px) {.hero-thumb-01 {left:-115px; top: -75px } }
@media only screen and (min-width: 1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px) {.hero-thumb-01 {left:-1%; top: -75px } }
.hero-thumb-02 {position: absolute; top: -60px; right: -145px }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.hero-thumb-02 {right:-50px } }
@media only screen and (min-width: 1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {.hero-thumb-02 {right:-3% } }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.hero-tittle-info {margin-left:10% } }
.hero-tittle-info h2 {font-size: 50px }
@media only screen and (min-width: 1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px) {.hero-tittle-info h2 {font-size:45px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.hero-tittle-info h2 {font-size:38px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px) {.hero-tittle-info h2 {font-size:36px } }
@media (max-width: 575px) {.hero-tittle-info h2 {font-size:30px } }
.shape.shape-1 {position: absolute; -webkit-animation: hero-circle-1 6s linear 0s infinite alternate; -moz-animation: hero-circle-1 6s linear 0s infinite alternate; -o-animation: hero-circle-1 6s linear 0s infinite alternate; animation: hero-circle-1 6s linear 0s infinite alternate; top: 35px; left: 105px }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.shape.shape-1 {left:-10% } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shape.shape-1 {display:none } }
.shape-2 {position: absolute; top: 100px; right: -25%; z-index: 1 }
@media only screen and (min-width: 1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px) {.shape-2 {right:0 } }
@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shape-2 {display:none } }
.shape-3 {position: absolute; top: 50%; left: 0 }
.shape-4 {position: absolute; top: 335px; left: 150px; border-radius: 12px; background: #fff; box-shadow: 0 40px 50px rgba(28,51,84,.16); width: 180px; padding: 17px; text-align: center }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.shape-4 {top:250px; left: -15px } }
@media only screen and (min-width: 1600px) and (max-width:1800px) {.shape-4 {top:320px; left: 180px } }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.shape-4 {top:200px; left: 6% } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.shape-4 {top:274px; left: 0 } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shape-4 {display:none } }
.shape-4 img {box-shadow: 0 10px 20px rgba(24,44,74,.16); border-radius: 50%; margin-bottom: 20px }
.shape-4 h5 {line-height: 1.6; font-size: 18px; font-weight: 700; font-family: "Nunito Sans"; color: #141517 }
.shape-5 {-webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate; animation: hero-thumb-sm-2-animation 4s linear infinite alternate; position: absolute; max-width: 283px; box-shadow: 0 40px 50px rgba(28,51,84,.16); bottom: -350px; right: -36%; padding: 20px 24px 15px; background: #fff; border-radius: 12px }
@media only screen and (min-width: 1600px) and (max-width:1800px) {.shape-5 {right:-15% } }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.shape-5 {bottom:-300px; right: 0% } }
@media only screen and (min-width: 1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {.shape-5 {right:-7% } }
@media only screen and (min-width: 768px) and (max-width:991px) {.shape-5 {bottom:-217px; right: -10% } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shape-5 {display:none } }
.shape-5 h5 {font-size: 18px; line-height: 1.6; font-weight: 400; font-family: "Nunito Sans"; margin-bottom: 0 }
.shape-5 span {color: #2467EC; font-weight: 700; text-align: center }
.shape-6 {position: absolute; top: 200px; left: 17% }
@media only screen and (min-width: 1600px) and (max-width:1800px) {.shape-6 {right:0 } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shape-6 {display:none } }
.hero-text h5 {color: #2467EC; font-size: 18px; margin-bottom: 25px }
.hero-text h2 {line-height: 1.2; margin-bottom: 30px; font-size: 50px }
@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {.hero-text h2 {font-size:40px } }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.hero-text h2 {font-size:30px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.hero-text h2 {font-size:35px } }
@media only screen and (min-width: 768px) and (max-width:991px) {.hero-text h2 {font-size:27px } }
@media (max-width: 575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {.hero-text h2 {font-size:30px } }
.hero-text p {margin-bottom: 40px; font-size: 18px }
.hero-height {height: 900px; display: flex; align-items: center; background-position: center }
@media only screen and (min-width: 768px) and (max-width:991px) {.hero-height {height:840px; background-position: 80% 0% } }
@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px) {.hero-height {height:600px; background-position: inherit } }
@media only screen and (min-width: 1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {.hero-height {background-position:80% center } }
.edu-btn {display: inline-block; height: 55px; line-height: 53px; text-align: center; font-size: 16px; font-weight: 600; color: #fff; background-color: #2467EC; padding: 0 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border: 1px solid transparent; } 
.course-card {position: absolute; top: -31px; left: 15px; background: #fff; padding: 10px 15px; border-radius: 7px }
.course-card img {width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 10px rgba(28,51,84,.1); margin-right: -15px; border: 4px solid #fff }
.course-card span i {width: 30px; height: 30px; background: #FFB013; border-radius: 50%; color: #141517; font-size: 10px; border: 4px solid #fff; line-height: 22px }
@keyframes hero-thumb-sm-animation {0% {-webkit-transform: translateY(-20px) translateX(50px); -moz-transform: translateY(-20px) translateX(50px); -ms-transform: translateY(-20px) translateX(50px); transform: translateY(-20px) translateX(50px) } 100% {-webkit-transform: translateY(-20px) translateX(0); -moz-transform: translateY(-20px) translateX(0); -ms-transform: translateY(-20px) translateX(0); transform: translateY(-20px) translateX(0) } }
@keyframes hero-thumb-sm-2-animation {0% {-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px) } 100% {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } }
@keyframes hero-circle-2 {0% {-webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px) } 100% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } }
@keyframes hero-bounce {0%,20%,50%,80%,100% {transform: translateY(0) } 40% {transform: translateY(-30px) } 60% {transform: translateY(-15px) } }
@keyframes hero-circle-1 {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } }
@keyframes hero-triangle-1 {0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } 100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } }
@keyframes services-triangle {0% {-webkit-transform: rotate(0deg) translateX(-50px); -moz-transform: rotate(0deg) translateX(-50px); -ms-transform: rotate(0deg) translateX(-50px); transform: rotate(0deg) translateX(-50px) } 100% {-webkit-transform: rotate(360deg) translateY(100px); -moz-transform: rotate(360deg) translateY(100px); -ms-transform: rotate(360deg) translateY(100px); transform: rotate(360deg) translateY(100px) } }

/*=================================================Header css end==================================*/

/*=====================================course css start==================================*/

.catagory-wrapper {display: flex; background: transparent; align-items: center; border: 1px solid #edeef2; border-radius: 5px; padding: 20px 30px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.mb-30 {margin-bottom: 30px; }
.catagory-wrapper .catagory-thumb {margin-right: 22px; }
.catagory-wrapper .catagory-thumb img{width: 100px;}
.catagory-wrapper .catagory-content {color: #141517; }
.catagory-wrapper .catagory-content h3 {font-size: 20px; font-weight: 700; margin-bottom: 4px; line-height: 1; }
.catagory-wrapper .catagory-content span {color: #575757; font-size: 16px; font-weight: 600; text-transform: lowercase;}
.course-head{margin-bottom: 40px; text-align: center;}
.course-head h2 {font-size: 36px; line-height: 1.3; font-weight: 600; color: #000;}
.course-wrapper{padding: 80px 0px;}
.catagory-wrapper:hover {background-color: #2467EC; box-shadow: 0 40px 40px rgb(24 44 74 / 10%); border-color: #2467EC; }
.catagory-wrapper:hover .catagory-content h3 {color: #fff; }
.catagory-wrapper:hover .catagory-content span {color: #fff;}

/*=====================================course css end==================================*/


/*=====================================category css start==================================*/
.pb-40 {padding-bottom: 40px; }
.pt-50 {padding-top: 50px; }
.position-relative {position: relative!important; }
.category-wrapper{background-color: #F6F8FB;}
.category-shap-01 {position: absolute; top: -28%; left: -5% }
.category-shap-02 {position: absolute; top: 0; right: 0; overflow: hidden }
@media only screen and (min-width: 1600px) and (max-width:1800px),only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px) {.category-shap-02 {right:0 } }
@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.category-shap-02 {display:none } }
.cartegory-head h2 {font-size: 36px; line-height: 1.3; font-weight: 600; color: #000; }
.cartegory-head{margin-bottom: 40px; text-align: center;}
.categories-wrapper {padding: 37px 20px 15px 20px; background: #fff; box-shadow: 0 20px 30px rgb(24 44 74 / 5%); border-radius: 10px; }
.categories-wrapper:hover .categiories-thumb {transform: translateY(-10px); }
.categiories-thumb {transition: 0.3s; }
.categiories-thumb img{width: 130px!important;     margin: 0 auto 20px;}
.categories-content h4 {margin-bottom: 10px; font-size: 15px; color: #000; }
.categories-content p {font-weight: 600; color: #000; }

/*=====================================category css end==================================*/

/*=====================================best course css start==================================*/

.course-shape-1 {position: absolute; top: 400px; left: 6% }
.course-shape-2 {position: absolute; right: 4%; top: 300px }
@media (max-width: 575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {.course-shape-2 {display:none } }
.course-shape-3 {position: absolute; right: 13%; top: 450px }
.pb-90 {padding-bottom: 90px; }
.pt-10 {padding-top: 10px; }
.best-course-wrapp{background: #F6F8FB;}
.best-course-head{margin-bottom: 40px; text-align: left;}
.best-course-head h2 {font-size: 36px; line-height: 1.3; font-weight: 600; color: #000;}
.course-wrapper-2 {padding: 0 0 0 0; position: relative; }
.student-course-img {margin-bottom: 15px; overflow: hidden; border-radius: 8px; }
.course-wrapper-2:hover .student-course-img img {transform: scale3d(1.1,1.1,1.1); }
.student-course-img img {width: 100%; }
.course-cart {background: #fff; padding: 30px 17px; box-shadow: 0 0 70px rgb(15 38 71 / 20%); min-width: 380px; position: absolute; opacity: 0; visibility: hidden; top: 0; right: 0; transition: 0.3s; z-index: 11; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: 50%; transform: translateX(-50%); }
.course-wrapper-2:hover .course-cart {opacity: 1; visibility: visible; }
.category-color.category-color-1 {background: #31bf82; }
.category-color {font-size: 15px; font-weight: 600; background: #6f19c5; padding: 0 10px; color: #fff; margin-bottom: 15px; display: inline-block; height: 26px; border-radius: 3px; }
.course-info-wrapper h3 {font-size: 20px; margin-bottom: 15px; line-height: 1.3; color: #000; font-weight: 600;}
.cart-lavel h5 {font-size: 15px; font-weight: 400; font-family: "Nunito Sans",sans-serif; color: #575757; margin-bottom: 25px; }
.cart-lavel span {color: #2467EC; font-size: 15px; font-weight: 600; }
.cart-lavel p {margin-bottom: 25px; font-size: 15px; }
.course-action {display: flex; justify-content: space-between; gap: 15px; }
.course-action .view-details-btn {flex-grow: 1; }
.view-details-btn {height: 45px; padding: 0 45px; display: inline-block; background-color: #2467EC; line-height: 45px; border-radius: 4px; font-size: 15px; font-weight: 600; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.student-course-linkter {display: flex; margin-bottom: 10px; justify-content: space-between; }
.ms-2 {margin-left: 0.5rem!important; }
.student-course-text h3 {font-size: 18px; line-height: 28px; }
.course-icon i.fas {color: #ffb013; font-size: 13px; }
.course-icon span {font-size: 15px; font-weight: 600; margin-left: 8px; }
.student-course-text h3 a{color: #000;}
.category-color a{color: #fff;}

/*=====================================best course css end==================================*/

/*=====================================features area css start==================================*/
.features-area-wrap {background-position: center; background-size: cover; }
.pb-15 {padding-bottom: 15px; }
.pt-45 {padding-top: 45px; }
.features-icon {font-size: 55px; color: #fff; margin-right: 25px; }
.features-content {max-width: 295px; }
.features-content h3 {color: #fff; font-size: 24px; }

/*=====================================features area css end==================================*/

/*=====================================student choose css start==================================*/
.fix {overflow: hidden; }
.pb-110 {padding-bottom: 110px; }
.pt-120 {padding-top: 120px; }
.section-title h2 {font-size: 36px; line-height: 1.3; }
.sitdent-choose-content {margin-bottom: 20px; }
.sitdent-choose-content p {margin-bottom: 25px; }
.sitdent-choose-content p {color: #575757; }
.student-choose-list {margin-bottom: 40px; }
.student-choose-list li {margin-bottom: 15px; color: #141517; }
.edu-sec-btn {display: inline-block; height: 55px; line-height: 55px; text-align: center; font-size: 16px; font-weight: 600; color: #2467EC; background-color: transparent; padding: 0 30px; border: 1px solid #dce8fe; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .shap-01 {position: absolute; top: 170px; left: 40%; height: 130px; width: 122px; background: #FFB013; border-radius: 8px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.shap-01 {top:120px; left: 31% } } @media only screen and (min-width: 992px) and (max-width:1199px) {.shap-01 {top:120px; left: 18% } }
.shap-02 {position: absolute; top: -8%; left: 45%; height: 151px; width: 150px; background: #2467EC; border-radius: 8px; z-index: -1 }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.shap-02 {top:-11%; left: 48% } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.shap-02 {top:-20%; left: 48% } }
@media only screen and (min-width: 768px) and (max-width:991px) {.shap-02 {left:34% } }
@media (max-width: 575px) {.shap-02 {top:1% } }
.shap-03 {position: absolute; top: -7%; left: -7%; z-index: -1 }
@media (max-width: 575px),only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {.shap-03 {display:none } }
.shap-04 {position: absolute; bottom: -9%; left: 33%; z-index: -1 }
.shap-05 {position: absolute; bottom: 41%; right: -35%; z-index: -1 }
@media only screen and (min-width: 1600px) and (max-width:1800px),only screen and (min-width:1200px) and (max-width:1399px) {.shap-05 {right:0 } }
@media only screen and (min-width: 1400px) and (max-width:1599px),only screen and (min-width:992px) and (max-width:1199px) {.shap-05 {right:0 } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shap-05 {display:none } }
.shap-06 {position: absolute; top: -160px; right: -43%; z-index: -2 }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shap-06 {display:none } }
.shap-07 {position: absolute; bottom: 15%; right: -20%; z-index: -1 }
@media only screen and (min-width: 1400px) and (max-width:1599px) {.shap-07 {right:-6% } }
@media only screen and (min-width: 1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {.shap-07 {right:0 } } @media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.shap-07 {display:none } }
.student-choose-thumb {margin-top: 37px; }
.student-choose-thumb img {max-width: 100%; }
/*=====================================student choose css end==================================*/

/*=====================================testimonial css start==================================*/
.testi-head h2 {font-size: 36px; line-height: 1.3; font-weight: 600; color: #000; }
.testi-head{margin-bottom: 60px; text-align: center;}
.testimonial-area .testimonial-items {margin-bottom: 30px; }
.testimonial-items {background: #f8f9fb; padding: 30px; z-index: 2; border-radius: 5px; }
.testimonial-header {display: flex; align-items: center; margin-bottom: 40px; }
.testimonial-img img {margin-right: 20px; width: 50px; }
.testimonial-title h4 {font-size: 18px; font-weight: 700; margin-bottom: 2px; }
.testimonial-title span {font-size: 16px; margin-bottom: 2px; display: block; }
.testimoni-quotes img {position: absolute; top: 30px; right: 30px; z-index: -1; content: "";     width: 65px!important;}
.testimonial-body {margin-bottom: 20px; }
.testimonial-icon i {color: #FFB013; font-size: 15px; }
.testimonial-wrapp{padding: 80px 0px;}

/*=====================================testimonial css end==================================*/

/*=====================================browse course css start==================================*/

.course-height {min-height: 270px; padding: 50px 40px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 4px; }
.browser-course-wrapper {position: relative; border-radius: 5px; overflow: hidden; }
.browser-course-bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.browser-course-bg img {width: 100%; height: 100%; object-fit: cover; transition: 0.6s; object-position: center; }
.browser-course-content {position: relative; width: 310px; z-index: 1; }
.browser-course-content span {margin-bottom: 10px; display: block; color: #2467EC; font-weight: 700; }
.browser-course-tittle a {font-size: 24px; color: #141517; font-weight: 700; line-height: 1.3; margin-bottom: 30px; display: block; }
.course-btn {height: 40px; background: #2467EC; padding: 0 25px; display: inline-block; line-height: 40px; border-radius: 3px; font-weight: 600; color: #fff; }
.browser-course-wrapper:hover .browser-course-bg img {transform: scale(1.05); }
.browse-course-wrapp{padding: 40px 0px 80px;}

/*=====================================browse course css end==================================*/

/*=====================================education area css start==================================*/
.pt-85 {padding-top: 85px; }
.education-img img {max-width: 100% }
.sitdent-choose-content p {margin-bottom: 25px }
.education-content p {margin-bottom: 40px }
.education-shape {position: absolute; right: 5%; top: 23% }
@media (max-width: 575px) {.education-shape {display:none } }
.education-shape-2 {position: absolute; top: 26%; left: 24%; z-index: -1 }
@media only screen and (min-width: 1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px) {.education-shape-2 {left:17% } }
@media (max-width: 575px) {.education-shape-2 {display:none } }
.education-shape-3 {position: absolute; right: 16%; top: 60%; z-index: -1 }
.education-shape-4 {position: absolute; right: 4%; top: 45%; z-index: -1 }

/*=====================================education area css end==================================*/

/*=====================================footer css start==================================*/
.footer-area {background: #141517 }
.footer-img img {margin-bottom: 30px }
@media sm {.footer-widget {margin-bottom: 20px } }
.footer-widget p {color: #A2A2A2; margin-bottom: 30px }
.footer-widget h3 {color: #fff; margin-bottom: 30px; font-size: 20px }
.footer-widget ul li {margin-bottom: 10px }
.footer-widget ul li:last-child {margin-bottom: 0 }
.footer-widget ul li a {color: #A2A2A2; text-decoration: none }
.footer-widget ul li a:hover {color: #fff }
.f-w1 {margin-right: 0 }
.f-w2 {margin-left: 130px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.f-w2 {margin-left:75px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.f-w2 {margin-left:50px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.f-w2 {margin-left:0 } }
.f-w3 {margin-left: 120px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.f-w3 {margin-left:70px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.f-w3 {margin-left:40px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.f-w3 {margin-left:0 } }
.f-w4 {margin-left: 70px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.f-w4 {margin-left:70px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.f-w4 {margin-left:20px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.f-w4 {margin-left:0 } }
@media only screen and (min-width: 768px) and (max-width:991px) {.footer-icon {margin-bottom:30px } }
.footer-icon a {background: #212730; height: 40px; width: 40px; line-height: 40px; font-size: 16px; color: #fff; border-radius: 30px; text-align: center; margin-right: 15px; display: inline-block }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {.footer-icon a {margin-right:9px } }
.footer-icon a:hover {background: #2467EC }
.copyright-area {background: #1a1f27; border-radius: 10px 10px 0 0; padding: 30px 20px }
@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px) {.copyright-area {padding:30px 15px } }
.copy-right-support {display: flex; align-items: center; top: 5px; position: relative }
@media (max-width: 575px) {.copy-right-support {margin-bottom:25px; margin-top: 10px } }
@media only screen and (min-width: 576px) and (max-width:767px) {.copy-right-support {margin-bottom:20px } }
.copy-right-support p {color: #a2a2a2; margin-bottom: 3px; font-size: 14px }
.copy-right-support span {color: #2467EC }
.copy-right-svg {margin-right: 20px }
.copyright-svg-content h5 {color: #fff; font-size: 18px; font-weight: 700; font-family: "Nunito Sans",sans-serif }
@media only screen and (min-width: 576px) and (max-width:767px) {.copyright-svg-content h5 {font-size:16px } }
.copyright-subcribe {position: relative }
@media only screen and (min-width: 768px) and (max-width:991px) {.copyright-subcribe {margin-top:30px } } .copyright-subcribe .field input {height: 70px; width: 100%; padding: 0 190px 0 45px; background: #141517; border: 0; border-radius: 5px; color: #fff; outline: none }
@media only screen and (min-width: 992px) and (max-width:1199px) {.copyright-subcribe .field input {padding:0 150px 0 45px } }
@media only screen and (min-width: 768px) and (max-width:991px) {.copyright-subcribe .field input {padding-left:0 0 0 45px } }
@media (max-width: 575px) {.copyright-subcribe .field input {padding:0 20px 0 45px; height: 60px } }
.copyright-subcribe .field input::placeholder {color: #A2A2A2 }
.copyright-subcribe .field input::-moz-placeholder {color: #A2A2A2 }
.copyright-subcribe button {position: absolute; top: 10px; right: 10px; height: 50px; width: 160px; background: #2467EC; border-radius: 5px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px }
@media (max-width: 575px) {.copyright-subcribe button {margin-bottom:20px; position: relative; left: 0 } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.copyright-subcribe button {width:130px } }
.copyright-subcribe button:hover {background: #FFB013; color: #141517 }
.widget__subscribe .field {position: relative }
.widget__subscribe .field::before {position: absolute; content: ""; font-family: "Font Awesome 5 Pro"; color: #A2A2A2; color: #A2A2A2; top: 50%; transform: translateY(-50%); left: 20px }
.copyright-text {width: 196px; position: relative; top: 9px } @media only screen and (min-width: 576px) and (max-width:767px) {.copyright-text {margin-bottom:30px } }
.copyright-text p {color: #fff }
.copyright-text span {color: #2467EC } .border-line::after {position: absolute; content: ""; height: 70px; width: 1px; background: #373a3e; top: -9px; right: -28% }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.border-line::after {right:-17% } }
@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {.border-line::after {display:none } }
.border-line-2::before {position: absolute; content: ""; height: 70px; width: 1px; background: #373a3e; right: 50px; top: -9px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.border-line-2::before {right:12px } }
@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {.border-line-2::before {display:none } }
.university-footer-area {background: #F6F8FB }
.uf-w1 {margin-right: -30px }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.uf-w1 {margin-right:0 } }
.uf-w2 {margin-left: 130px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.uf-w2 {margin-left:70px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.uf-w2 {margin-left:50px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.uf-w2 {margin-left:0 } }
.uf-w3 {margin-left: 80px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.uf-w3 {margin-left:40px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.uf-w3 {margin-left:40px } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.uf-w3 {margin-left:0 } }
.uf-w4 {margin-left: 26px }
@media only screen and (min-width: 1200px) and (max-width:1399px) {.uf-w4 {margin-left:-20px } }
@media only screen and (min-width: 992px) and (max-width:1199px) {.uf-w4 {margin-left:0 } }
@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:575px) {.uf-w4 {margin-left:0 } }
.university-footer-widget-body h3 {color: #141517; font-size: 20px; font-weight: 700; margin-bottom: 20px }
.university-footer-icon ul li {display: inline-block; margin-right: 15px; margin-bottom: 10px; color: #575757 }
@media only screen and (min-width: 992px) and (max-width:1199px) {.university-footer-icon ul li {margin-right:9px } }
.university-footer-icon a {color: #a8adb7; background: #fff; height: 40px; width: 40px; line-height: 40px; font-size: 16px; border-radius: 20px; text-align: center; display: inline-block }
.university-footer-icon a:hover {background: #2467EC; color: #fff }
.university-footer-link ul li {margin-bottom: 10px }
.university-footer-link ul li a:hover {color: #141517 }
.university-footer-subscribe input {width: 100%; height: 50px; background: #fff; outline: none; border: 0; padding: 0 60px 0 40px; color: #a5a5a5 }
.university-footer-subscribe button {position: absolute; top: 0; right: 0; background: #FFB013; height: 100%; width: 50px; color: #fff }
.university-footer-subscribe .field::before {position: absolute; content: ""; font-family: "Font Awesome 5 Pro"; color: #a2a2a2; top: 50%; transform: translateY(-50%); left: 15px }
.app-store {display: flex; gap: 10px; flex-wrap: wrap }
.footer-copyright-right ul li li {display: inline-block; margin-left: 40px; color: #a2a2a2 }
.footer-bottom {background: #141517 }
.footer-copyright-left {padding-left: 55px }
.footer-copyright-left p {color: #a2a2a2 }
.footer-copyright-left p span {color: #2467EC; margin-left: 10px; font-size: 18px }
.university-sub-footer {background: #141517; padding: 25px 0; line-height: 1 }
.sub-footer-link ul {display: flex; justify-content: end }
@media (max-width: 575px),only screen and (min-width:576px) and (max-width:767px) {.sub-footer-link ul {margin-top:15px; justify-content: start } }
.sub-footer-link ul li {margin-left: 40px }
.sub-footer-link ul li:first-child {margin-left: 0 }
.sub-footer-link ul li a {color: #a2a2a2; position: relative }
.sub-footer-link ul li a::before {position: absolute; background: #575757; width: 1px; height: 15px; content: ""; top: 50%; transform: translateY(-50%); left: -20px }
.sub-footer-link ul li a:hover {color: #fff }
.sub-footer-link ul li:first-child a::before {display: none }
.sub-footer-text span {color: #a2a2a2 }
@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px) {.sub-footer-text span {margin-bottom:10px; display: inline-block } }
.sub-footer-text span a {color: #2467EC }
.copyright-svg-content h5 a{color: #fff;}
.gaurav-class-anchor {color: #a19c9c; font-size: 13px; }
.signup-wrapper1 input {width: 100%; height: 44px; background: #f5f5f5; border: 0; margin-bottom: 20px; display: flex; padding: 4px 17px; outline: none; color: #575757; font-size: 16px }
.sing-buttom1 {height: 44px; background: #e9622c; text-align: center; line-height: 44px; color: #fff; font-size: 16px; transition: 0.3s }
.sing-buttom1 button{background-color: unset; border: none; color: #fff;}

.mb-60 {
    margin-bottom: 60px;
}.pt-100 {
    padding-top: 100px;
}

/*=====================================footer css end==================================*/

.inner-header{position: unset; border-top: 1px solid #ccc; padding: 0px 0px;}
.hero-arera.course-item-height {min-height: 350px; align-items: center; display: flex; position: relative; z-index: 2; }
.hero-arera.course-item-height::before {position: absolute; content: ""; height: 100%; width: 100%; background: #14151740; opacity: .2; z-index: -1; }
.hero-course-1-text h2 {font-size: 60px; font-weight: 700; color: #fff; margin-bottom: 15px; }
.breadcrumb {display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; }
.course-title-breadcrumb .breadcrumb-item {margin-right: 10px; }
.course-title-breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 0; }
.breadcrumb-item a {color: #fff; }
.breadcrumb-item+.breadcrumb-item::before {float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/"); }
.breadcrumb-item span {color: #fff; }
.abotu-feat-head {margin-bottom: 68px; }
.abotu-feat-head h2 {text-align: center; font-size: 36px; line-height: 1.3; font-weight: 600; color: #000; }
.about-feat-box {text-align: center; padding: 0px 29px; }
.about-feat-box img {width: 25%; margin-bottom: 20px; }
.about-feat-box h5 {color: #000; font-weight: 600; margin-bottom: 12px; }
.about-feat-box p {font-size: 15px; }
.about-feat-wrapp {background-color: #F6F8FB; padding: 80px 0px; }

/*===============================counter sec css start=============================*/
#counter {background: unset; padding: 30px 25px 30px; width: 100%; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; list-style-type: none; }
#counter li {flex: 1; text-align: center; font-size: 41px; color: #000; font-weight: 700; display: block; }
#counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main {background-size: cover; background-position: 80%; padding: 50px 0px; }
#counter li p {font-size: 16px; margin-top: 0px; color: #000; margin-bottom: 0; }
.count-icon {margin-right: 20px; } 
.count-icon img{width: 25%; margin-bottom: 20px;}
.become-intructor-area {background-color: #f4f6f9; }
.become-intructor-text h2 {font-size: 34px; margin-bottom: 30px; font-weight: 600; }
.become-intructor-text p {margin-bottom: 40px; }
.pb-120 {padding-bottom: 120px; }
.pt-110 {padding-top: 110px; }

/*===============================counter sec css End=============================*/

/*===============================Contact page  css start=============================*/
.sidebar-widget-wrapper {margin-left: 30px; }
.support-contact {padding: 25px 30px 25px 30px; background: #f8f8f9; border-radius: 5px; border: 1px solid #f8f8f9; }
.support-tittle h4 {margin-bottom: 35px; font-weight: 600; font-size: 23px; }
.support-item {display: flex; align-items: start; gap: 20px; margin-bottom: 30px; }
.support-info-phone span {font-size: 18px; font-weight: 700; color: #141517; margin-bottom: 10px; display: block; }
.support-info-phone p {margin-bottom: 3px; }
.support-info-phone p a {color: #141517; font-weight: 700; }
.support-item a{color: #000;}
.support-info-email span {font-size: 18px; font-weight: 700; color: #141517; margin-bottom: 10px; display: block; }
.support-info-email a {margin-bottom: 2px; display: block; }
.support-info-location span {font-size: 18px; font-weight: 700; color: #141517; margin-bottom: 10px; display: block; }

.mb-50 {margin-bottom: 50px; }
.contact-area .section-title h2 {font-size: 30px; line-height: 1.3; margin-bottom: 35px; font-weight: 600; color: #000;}
.contact-from-input {margin-bottom: 20px; }
.contact-from-input input {height: 60px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; outline: 0; }
.contact-from-input textarea {height: 170px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; resize: none; outline: 0; }
.cont-btn {height: 55px; background: #2467EC; color: #fff; text-align: center; width: 150px; border-radius: 3px; font-weight: 600; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; display: inline-block; line-height: 55px; border: unset;}
.mb-20 {margin-bottom: 20px; }
.gallery-box{margin-bottom: 30px;}
.gallery-box img{width: 100%;}
.gallery-wrapp{padding: 80px 0px;}
/*===============================Contact page  css end=============================*/

/*===============================faq page  css end=============================*/
.faq-page-wrapper .accordion-item{margin-bottom: 20px;background-color: #fff; border: none!important; box-shadow: 0px 0px 10px #ccc;}
.faq-page-wrapper .accordion-button:not(.collapsed){background-color: #fff; color: #000; box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%)!important;}
.faq-page-wrapper .accordion-button:focus{outline: none; border-color:  #ccc; box-shadow: none;}
.faq-page-wrapper .accordion-button:not(.collapsed)::after {background-image: url('../images/download.png'); transform: rotate(-180deg); width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #141517; padding: 0; background-position: center; }
.faq-page-wrapper .accordion-button::after{background-image: url('../images/download.png'); width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #141517; padding: 0; background-position: center; }
.faq-page-wrapper .accordion-button{padding: 0px;     color: #fff;}
.faq-page-wrapper .accordion-button p{margin-bottom: 0px; padding-left: 10px;}
.faq-page-wrapper{padding: 60px 0px;}

/*===============================faq page  css end=============================*/

/*===============================review page  css start=============================*/
.review-head {margin-bottom: 68px; }
.review-head h2 {text-align: center; font-size: 36px; line-height: 1.5; font-weight: 600; color: #000; }
.review-wrapper{padding: 80px 0px;}
.texti-box-new{margin-bottom: 30px;}

/*===============================review page  css end=============================*/


/*===============================course detail page  css start=============================*/
.course-detalis-area {margin-top: -60px; position: relative; z-index: 5; }
.pb-90 {padding-bottom: 90px; }
.course-detail-left{padding: 40px 30px 0 30px; background: #fff; border-radius: 5px;}
.mb-20 {margin-bottom: 20px; }
.course-heading h2 {margin-bottom: 15px; font-size: 34px; color: #000; font-weight: 600; }
.course-star {display: flex; }
.course-star ul{display: flex;}
.course-star ul li {margin-right: 5px; }
.course-star ul i.fas {color: #FFB013; }
 .course-star ul i {font-size: 13px; }
.course-star span {margin-left: 10px; color: #575757; font-size: 15px; font-weight: 600; }
.course-detelis-meta {display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; padding: 20px 0 20px 0; border-top: 1px solid #edeef2; border-bottom: 1px solid #edeef2; align-items: center; }
.border-line-meta {position: relative; }
.course-meta-wrapper {display: flex; align-items: center; }
.border-line-meta:before {position: absolute; content: ""; width: 1px; height: 40px; background: #edeef2; right: -45px; top: 10px; }
.course-meta-img img {width: 50px; height: 50px; border: 3px solid #fff; box-shadow: 0 3px 10px rgb(17 32 81 / 8%); border-radius: 50%; }
.course-meta-text {margin-left: 15px; }
.course-meta-text span {display: block; font-size: 14px; }
.course-Enroll p {font-size: 14px; margin-bottom: 0; }
.course-Enroll span {display: block; font-weight: 700; color: #141517; }
.course-meta-text h6 a{color: #000; font-weight: 600;}
.course-description{padding-top: 50px;}
.course-description h1{font-size: 23px;color: #000;font-weight:  700; margin-bottom: 15px;}
.course-description h2{font-size: 16px;color: #000;font-weight:  700; margin-bottom: 15px;}
.course-description h3{font-size: 16px;color: #000;font-weight:  700; margin-bottom: 15px;}
.course-description h4{font-size: 15px;color: #000;font-weight:  700; margin-bottom: 15px;}
.course-description p{font-size: 15px;color: #000;}
.course-description ul li{font-size: 15px; margin-bottom: 10px;}
.student-head{margin-bottom: 25px;}
.student-head h3{color: #000; font-size: 25px; font-weight: 600;}
.rating-point-wrapper {padding: 20px 20px 20px 20px; border: 1px solid #edeef2; border-radius: 5px; }
.rating-star i.fas {color: #FFB013; }
.rating-star i {font-size: 13px; }
.rating-point-wrapper span {font-weight: 600; }
.comment-title p {color: #454545; }
.comment-textarea {height: 170px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; resize: none; outline: 0; }
.comment-input input {height: 60px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; outline: 0; }
.mt-45 {margin-top: 45px; }
#review-box{display: none;}
.edu-btn:hover{color: #fff;}

.course-side-form{border: 1px solid #edeef2; padding: 30px 30px; border-radius: 5px; box-shadow: 0 10px 30px rgb(28 51 84 / 8%); background-color: #fff; }
.course-side-form h4{font-size: 20px; color: #000; font-weight: 600;}
.course-side-form h6{font-size: 14px; color: #000; font-weight: 600;}
.course-side-form form label{font-size: 15px; margin-bottom: 10px; margin-top: 10px;}
.course-side-form form input{height: 50px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; outline: 0; }
.course-side-form form textarea{height: 70px; width: 100%; background: #f8f8f9; border: none; padding: 15px 20px; border-radius: 4px; outline: 0; }
.course-side-form form button{height: 55px; padding: 0 20px; display: inline-block; background-color: #e66b23; line-height: 55px; border-radius: 4px; font-size: 16px; font-weight: 600; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border: none; width: 100%; margin-top: 20px; }
.course-broucher{border: 1px solid #edeef2; padding: 30px 30px; border-radius: 5px; box-shadow: 0 10px 30px rgb(28 51 84 / 8%); background-color: #fff;}


/*===============================course detail page  css end=============================*/







/*===============================blog page section css start================================*/



.blog-headings p{padding: 0% 27%;}

.blog-headings{text-align: center; padding-bottom: 40px;}

.blog-headings h5{color: #00E5CC;font-size: 18px;font-weight: 500;text-transform: uppercase;margin-bottom: 13px;}

.blog-headings h2{color: #000E44;font-size: 42px;font-weight: 700;/* text-transform: uppercase; */margin-bottom: 14px;}

.blog-headings p{color: #848E9F; font-size: 16px; font-weight: 400;}

.home-blog-image img{width: 100%;border-radius: 0px;}

.blog-category{color: #848E9F;font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}

.blog-category a{color: #fff;}

.home-blog-image{position: relative; margin-bottom: 0;}

.blog-date {color: #000;font-size: 13px;font-weight: 500;margin-left: 20px;}

.blog-feat{margin-top: 10px;margin-bottom: 9px;text-transform: uppercase;font-size: 10px;}

.blog-date:first-child{margin-left: 0px;}

.blog-date i{color: #fcbe00;margin-right: 5px;}

.blog-content h4 a{color: #000;font-weight: 700;font-size: 17px;text-decoration: none;line-height: 28px;text-transform: uppercase;padding: 10px 0px;display: inline-block;}

.blog-content p{color: #000;font-size: 15px;font-weight: 400;}

.blog-content a.blog-read{color: #fcbe00;font-size: 15px;background-color: unset;padding: 0;display: inline-block;margin-top: 7px;border-radius: 0;text-decoration: none;margin-bottom: 12px;font-weight: 700;text-transform: uppercase;}

.blog-content a.blog-read i{margin-left: 5px;font-size: 14px;}

.blog-wrapper{padding: 20px 0px 60px;}

.blog-page{margin-bottom: 30px;background-color: #fff;padding: 0px;border-radius:0px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}

.blog-content h4{/* line-height: 22px; */margin-bottom: 0;}

.blog-content{padding: 20px;}



/*=================================blog page section css end==============================*/





/*=================================Blog detail section css start==================================*/

.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000; font-weight: 600; }

.blog-detail-image img{width: 100%;height: 370px;max-height: 370px;object-fit: cover;}

.blog-detail-image{position: relative;}

.blog-detail-title h1{color: #000;text-decoration: none;font-size: 33px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}

.blog-detail-title h2{color: #000;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}

.blog-detail-title h3{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 700;margin-bottom: 15px;}

.blog-detail-title h4{color: #000;text-decoration: none;font-size: 24px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}

.blog-detail-title h5{color: #000;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}

.blog-detail-title h6{color: #000;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}

.blog-detail-title{margin-top: 20px;}

.blod-detail-description p{text-align: justify;font-size: 15px;font-weight: 400;color: #000;}

.blod-detail-description{margin-top: 13px;}

.widget {margin-bottom: 0px;padding: 30px;border-radius: 10px;position: relative;/* box-shadow: 0 0 20px rgb(0 0 0 / 7%); */}

.blod-detail-description h2 {font-size: 24px;font-size: 25px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;font-weight: 700;}

.blog-sidebar h2 {font-size: 24px;font-size: 25px;padding-bottom: 18px;margin-bottom: 30px;position: relative;color: #000;font-weight: 700;}

.blog-sidebar h2:after{position: absolute;content: '';width: 63px;height: 2px;background-color: #fcbe00;bottom: 6px;left: 0;}

#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }

.widget ol li, .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: space-between; }

.widget_categories ul{padding-left: 0;}

.widget ol li:first-child, .widget ul li:first-child {border-top: none; padding-top: 0; }

#secondary .widget ul li {position: relative; }

.widget_categories li a {display: flex; color: #000!important; font-size: 17px; text-decoration: none; }

.widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }

.widget_recent_entries img {margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: cover; border-radius: 10px; }

.widget_recent_entries ul li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;font-size: 17px;color: #000;text-decoration: none;font-weight: 600;}

.widget_recent_entries li.item-recent-post span{font-size: 14px; color: #fcbe00;}

.widget_recent_entries ul{padding-left: 0px;}

.feat_blog_con p span {color: #fcbe00; font-size: 15px;margin-right: 17px;font-weight: 400;}

.feat_blog_con p span a {color: #848e9f;font-size: 15px;margin-right: 17px;font-weight: var(--font-weight-400); text-decoration: none;}

.blog-detail-image{position: relative;}

.blog-detail-image img{border-radius: 10px;}

.blog-detail-image .blog-detail-cat{font-size: 16px;font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px var(--color);}

.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}

.blog-sidebar{background-color: #f5f5f5;}



.blod-detail-description ul {padding-left: 0; } 

.blod-detail-description ul li {position: relative; list-style-type: none; display: flex; margin-bottom: 11px; font-size: 15px; padding-left: 30px; } 

.blod-detail-description ul li:before {color: #fcbe00; display: inline-block; content: "\f35a"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-variant: normal; font-weight: 600; line-height: 1; margin-right: 8px; position: relative; text-shadow: none; text-transform: none; transition: all 0.3s ease 0s; position: absolute; top: 3px; left: 0; }

.blod-detail-description ol {padding-left: 20px; } 

.blod-detail-description img{width: 100%; margin-bottom: 20px; margin-top: 20px;}

 .blod-detail-description table {border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }

.blod-detail-description table caption {font-size: 1.5em; margin: .5em 0 .75em; }

.blod-detail-description table tr {background-color: unset; border: 1px solid #fcbe00; padding: .35em; }

.blod-detail-description table th, .blod-detail-description table td {padding: .625em; text-align: center; border: 1px solid #fcbe00; font-size: 14px; }

.blod-detail-description table th {font-size: .85em; letter-spacing: .1em; text-transform: uppercase; border: 1px solid #d2a784; background-color: #fcbe00; color: #fff; padding: 17px 0px; }

@media screen and (max-width: 600px) {

.blod-detail-description table {border: 0; }

.blod-detail-description table caption {font-size: 1.3em; }

.blod-detail-description table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.blod-detail-description table tr {border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }

.blod-detail-description table td {border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; }

.blod-detail-description table td::before {/* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }

.blod-detail-description table td:last-child {border-bottom: 0; }

}



/*=================================Blog detail section css end==================================*/



/*.modal-edu-image img{width: 100%;}
.educate-modal-main .modal-body{padding: 0px;}
.educate-modal-main .modal-dialog{max-width: 550px;}
.modal-edu-con{padding-right: 10px;padding-top: 17px;}
.modal-edu-con h4{font-size: 15px; color: #000; }
.modal-edu-con h4 a{color: #000; }
.modal-edu-con form .form-group{margin-bottom: 9px; }
.modal-edu-con form button{background-color: #000; color: #fff; border: none; padding: 7px 20px; border-radius: 4px; font-size: 14px; }
.modal-edu-con form input{padding: 5px 9px; font-size: 15px; }
.modal-edu-con .btn-close{position: absolute; right: 6px; top: 5px; }*/

.contact-select input{height: 60px;
    width: 100%;
    background: #f8f8f9;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    outline: 0;}
.contact-select select{height: 60px;
    width: 100%;
    background: #f8f8f9;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    outline: 0;}

.contact-form form label{margin-bottom: 10px;}

.course-sidebar-widget {
    border: 1px solid #edeef2;
    padding: 28px 30px 20px 30px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
}




.modal-edu-image img {
    width: 100%
}

.educate-modal-main .modal-body {
    padding: 0
}

.educate-modal-main .modal-dialog {
    max-width: 600px
}

.modal-edu-con .btn-close {
    position: absolute;
    right: 10px;
    top: -25px
}

.modal-edu-con {
    position: relative;
    width: 96%
}

.educate-modal-main .modal-content {
    border-radius: 0
}

.modal-edu-con h5 {
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 15px
}

.modal-edu-con form {
    padding: 0 12px
}

.modal-edu-con input {
    margin-bottom: 8px;
    border-radius: 0;
    background-color: #f5f5f5;
    border: none;
    padding: 8px 10px
}

.modal-edu-con textarea {
    margin-bottom: 9px;
    border-radius: 0;
    background-color: #f5f5f5;
    border: none;
    padding: 8px 10px;
    height: 46px
}

.modal-edu-con .btn-submit {
    background-color: #000;
    color: #fff;
    border-radius: 0;
    padding: 6px 33px;
    margin: 17px auto;
    display: block
}

.modal-edu-con h4 {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center
}

.modal-edu-con h4 a {
    color: #000;
    text-decoration: none;
    color: orange
}

@media (max-width: 767px) {
    .modal-edu-image {
        display:none
    }

    .col-padd {
        padding: 10px!important;
        padding-left: 20px!important
    }
}

.col-padd {
    padding: 0
}


.course-sidebar-info {position: relative; display: flex; flex-direction: column; gap: 30px; }

.course-sidebar-info h3 {
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.course-sidebar-info::after {
    position: absolute;
    top: 0;
    right: 0;
 
    font-family: "Font Awesome 5 Pro";
    color: #575757;
    cursor: pointer;
    transform: rotate(-180deg);
}
.course-sidebar-info ul li {
    margin-bottom: 10px;
}
.edu-check-label {
    cursor: pointer;
}
.course-sidebar-list a{color: #000; font-size: 14px;}
.hero-arera.course-item-height{margin-bottom: 50px;}


.edu-pagination .pagination {
    margin: 0 auto;
    justify-content: center;
    width: 100%;
}

.edu-pagination nav {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
}

.edu-pagination .pagination li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 3px solid #272727;
    margin-right: 10px;
    border-radius: 0!important;
}

.edu-pagination .pagination li span {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 3px solid #272727!important;
    margin-right: 10px;
    border-radius: 0!important;
}

.edu-pagination .pagination .page-item.active .page-link {
    background-color: #272727!important;
}

.course-widget-wrapper {
    padding: 30px 30px 30px 30px;
    box-shadow: 0 10px 30px rgba(28,51,84,.08);
    border: 1px solid #edeef2;
    background-color: #fff;
    border-radius: 5px;
}
.course-video-thumb {
    position: relative;
    margin-bottom: 30px;
}
.w-img img {
    width: 100%;
}
.course-video-thumb {
    position: relative;
    margin-bottom: 30px;
}
.video-cart-btn {
    height: 55px;
    padding: 0 20px;
    display: inline-block;
    background-color: #2467EC;
    line-height: 55px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.video-cart-btn i {
    margin-right: 10px;
}
.course-video-body {
    padding: 40px 0 45px 0;
}
.course-video-body ul li {
    padding-bottom: 12px;
    border-bottom: 1px solid #edeef2;
    margin-bottom: 17px;
    line-height: 1;
    font-size: 14px;
}

.course-video-body ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 23px;
}
.course-vide-icon {
    display: flex;
    align-items: center;
}
.course-vide-icon i {
    line-height: 1;
    margin-right: 15px;
}

.course-video-widget{margin-bottom: 10px;}
.sidebar-main-widget{margin-bottom: 30px;}
.course-curriculam-accodion .accordion-item {
    margin-bottom: 10px;
}
.course-curriculam-accodion .accordion-body {
    padding: 0;
    border: 0;
    color: #c1c7d2;
}
.course-curriculam-accodion .accordion-button:not(.collapsed) {
    color: #fff!important;
    background-color: #0c63e4!important;
}
.course-curriculam-accodion .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #fff;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 6px 20px;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
}
.course-curriculam-accodion .accordion-button:not(.collapsed):before {
    color: #fff!important;
}
.course-curriculam-accodion .accordion-button:not(.collapsed):before {
    content: "-";
    font-family: "Font Awesome 5 Pro";
    color: #575757;
    background: none;
    flex-shrink: 0;
    transform: rotate(180deg);
    font-weight: 600;
    font-size: 31px;
}
.course-curriculam-accodion .accordion-button:before {
    color: #fff;
}
.course-curriculam-accodion .accordion-button:before {
    content: "+";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    background: none;
    flex-shrink: 0;
    margin-right: 10px;
    font-weight: 600;
    font-size: 26px;
}
.course-curriculam-accodion .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.accordion-header {
    margin-bottom: 0;
}
.course-curriculam-accodion .accordion-header span {
    color: #fff!important;
}

.course-curriculam-accodion .accordion-header span {
    color: #141517;
    font-size: 16px;
    font-weight: 600;
    font-family: "Raleway",sans-serif;
    text-align: left;
}
.accordion-collapse {
    border: solid rgba(0,0,0,.125);
    border-width: 0 1px;
}
.course-curriculam-accodion .accordion-body {
    padding: 0;
    border: 0;
    color: #c1c7d2;
}
.course-curriculam-accodion .course-curriculum-content {
    padding: 10px 20px;
    border: 0;
}

@media (min-width: 576px){
.d-sm-flex {
    display: flex!important;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
}

.course-curriculum-content ul li {
    color: #000;
}
.course-curriculum-content ul li:before {
    content: '.';
    font-size: 47px;
    margin-right: 6px;
    line-height: 14px;
}

.course-curriculam-accodion .accordion-button{
	border-bottom-width: 0;
    background-color: #0c63e4;
    color: #fff;
}
.accordion-button.collapsed {
    border-bottom-width: 0;
    background-color: #0c63e4;
    padding: 6px 20px;
}

.course-curriculum{margin-top: 50px;}
.course-review-item {
    display: flex;
    align-items: normal;
}
.course-review-list {
    margin-left: 20px;
}

.course-review-list h5 a{color: #000; font-size: 16px;
}
.course-start-icon {
    margin-bottom: 10px;
}
.course-start-icon i {
    color: #FFB013;
    font-size: 13px;
}
.course-review-list span {
    color: #141517;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
}
.course-review-list p{font-size: 15px; color: #000;}
.course-area {
    background: #F6F8FB;
}
.batches-table {
    padding-top: 12%;
}
.batches-table h3 {
    text-align: left!important;
    margin-bottom: 40px;
    border-left: 3px solid #e66b23;
    padding-left: 10px;
}
#no-more-tables table th {
    background-color: #e66b23;
    color: #fff;
    text-align: left;
    padding: 11px 15px;
}
#no-more-tables table td {
    padding: 10px;
    color: #000;
}
#no-more-tables table td a {
    color: #e66b23;
}

.sidebar__widget {
    border: 1px solid #edeef2;
    padding: 30px 30px;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(28,51,84,.08);
    background-color: #fff;
}
.mb-35 {
    margin-bottom: 35px;
}
.sidebar__widget-content form input {
    height: 50px;
    width: 100%;
    background: #f8f8f9;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    outline: 0;
}
.sidebar__widget-content form textarea {
    height: 100px;
    width: 100%;
    background: #f8f8f9;
    border: none;
    padding: 15px 20px;
    border-radius: 4px;
    outline: 0;
}

.video-wishlist-btn {
    height: 55px;
    padding: 0 20px;
    display: inline-block;
    background-color: #eff1f6;
    line-height: 55px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #141517;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.video-cart-btn{border: none;}

.rc__title {
    font-size: 15px;
    color: #141517;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
}
.rc__title a{
    font-size: 15px;
    color: #141517;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
}
.mr-20 {
    margin-right: 20px;
}
.rc__thumb img {
    width: 75px;
    height: 75px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    object-fit: cover;
}
.rc__post:not(:last-child) {
    margin-bottom: 24px;
}

.gallery-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
}

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

.member-main-wrapper {
    box-shadow: 0 10px 40px rgba(28,51,84,.08);
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #edeef2;
}

.mb-30 {
    margin-bottom: 30px;
}
.member-body {
    border-bottom: 1px solid #edeef2;
}
.member-item {
    padding: 30px 30px 30px 30px;
}
.member-item .member-thumb {
    margin-bottom: 20px;
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border-radius: 50%;
}
.member-thumb img {
    transition: all 1.5s cubic-bezier(0,0,.2,1);
}
.member-content h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
}

.member-content h4 a{color: #000; font-size: 22px;
}
.member-content span {
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
}
.member-social ul {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.member-social ul li {
    display: inline-block;
}
.member-social ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #edeef2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #a6b9cc;
    -webkit-transform: 0.3s;
    -moz-transform: 0.3s;
    -ms-transform: 0.3s;
    transform: 0.3s;
}

.google-map-area iframe{width: 100%; height: 500px;}


#fixed-social {
    position: fixed;
    top: 328px
}

#fixed-social a i {
    line-height: inherit
}

#fixed-social a {
    padding: 0;
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 1px;
    z-index: 2
}

#fixed-social a:hover>span {
    visibility: visible;
    left: 41px;
    opacity: 1
}

#fixed-social a span {
    line-height: 40px;
    left: 60px;
    top: 1;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0
}

.fixed-facebook {
    background-color: #3B5998
}

.fixed-facebook span {
    background-color: #3B5998
}

.fixed-twitter {
    background-color: #00AAE5
}

.fixed-twitter span {
    background-color: #00AAE5
}

.fixed-gplus {
    background-color: #dd4b39
}

.fixed-gplus span {
    background-color: #dd4b39
}

.fixed-linkedin {
    background-color: #333
}

.fixed-linkedin span {
    background-color: #333
}

.fixed-instagrem {
    background-color: #b00
}

.fixed-instagrem span {
    background-color: #b00
}