



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900;&display=swap');

* {padding: 0; margin: 0;}*

img{max-width: 100%; height: auto;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; line-height:100%;}

h1,h2,h3 {font-family: 'Inter',sans-serif;}

h3 a,h4 a {color:#000;}

body { color:rgb(39, 39, 39); line-height:26px; font-size:16px;font-family: 'Roboto', sans-serif;}

a,button {text-decoration: none; transition: 0.5s;} 

/*ul {padding: 0; margin: 0; list-style-type: none;}*/

p{color:rgb(39, 39, 39);font-size:16px;font-weight:400;line-height:26px;}

.topdiv h4, .topdiv p, .text h4,.text p {margin:0px;}



.c-btn-1 {background:#e4df3b; color:#000;

    padding: 18px 40px; font-weight: bold;border-radius: 30px;display: inline-block;position: relative;

    overflow: hidden;line-height: 100%;}

    .c-btn-1 span {position: relative; z-index:2;}

    .c-btn-1:before {content:""; display: block;position: absolute; left:-100%; top: 0;width: 100%; height: 100%;

    background:#000;transition: 0.5s;} 

    .c-btn-1:hover:before {left: 0;}

    .c-btn-1:hover {color:#fff;}

    

    

    .c-btn-2 {background:#5d870d; color:#fff;

    padding: 18px 40px; font-weight: bold;border-radius: 30px;display: inline-block;position: relative;

    overflow: hidden;line-height: 100%;}

    .c-btn-2 span {position: relative; z-index:2;}

    .c-btn-2:before {content:""; display: block;position: absolute; left:-100%; top: 0;width: 100%; height: 100%;

    background:#000;transition: 0.5s;} 

    .c-btn-2:hover:before {left: 0;}

    .c-btn-2:hover {color:#fff;}

    



.c-heading-2 p ,.c-heading-1 p {margin-top: 12px;}



.c-heading-1 {color:#03011e;font-weight:bold;text-transform:uppercase;font-size:28px;padding-bottom: 20px;position: relative;margin-bottom: 30px;}

.c-heading-1:after {content:"";display:block;width:150px;height:2px;background:rgb(171, 48, 52);position:absolute;left: 60px;bottom:0;}

.c-heading-1:before {content:"";display:block;width:61px;height:7px;background:#5d870d; position:absolute;left:0;bottom: -2px;z-index: 2;}



.c-heading-2 {color:#03011e;font-weight:bold;text-transform:uppercase;font-size:28px;padding-bottom: 20px;position: relative;margin-bottom: 30px;text-align: center;}

.c-heading-2:after {content:"";display:block;width:250px;height:2px;background:rgb(171, 48, 52);position:absolute;left: 50%;bottom:2px;transform: translateX(-50%);}

.c-heading-2:before {content:"";display:block;width:61px;height:7px;background:#5d870d; position:absolute;bottom:0;left: 50%;transform: translateX(-50%); z-index: 2;}





/*header*/

.ckaiPI{align-items:center;border:none;padding:5px;cursor:pointer;display:none;position:absolute;top:72px;right:100px;box-shadow:rgb(130, 180, 64) 0px 1px 20px 1px;border-radius:52px;background:rgb(130, 180, 64);}

.ph_icon{width:40px;height:40px;border-radius:50px;background:rgb(255, 255, 255);display:flex;align-items:center;justify-content:center;margin-right:5px;}

.ph_icon svg{width:20px;height:20px;}

.text{display:flex;flex-direction:column;justify-content:start;align-items:start;color:rgb(255, 255, 255);padding-right:10px;}

.text p{color:rgb(255, 255, 255);font-size:12px;}

.text h4{font-size:14px;margin-top:-4px;}

.kzszHd{position:fixed;top:30%;right:-250px;width:250px;display:flex;align-items:start;transition:all 0.4s ease 0s;}

.kzszHd a{padding:10px 30px;border-radius:5px;color:rgb(43, 39, 39);text-decoration:none;transform:rotate(-90deg);transform-origin:right center;margin:-20px 20px 0px 0px;position:absolute;left:-162px;top:55px;border:1px solid rgb(254, 194, 0);background-color:rgb(254, 194, 0);background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(208, 208, 208, 0.5) 3px, rgba(255, 255, 255, 0.5) 5px);text-shadow:rgb(225, 225, 225) 2px 2px 5px;font-weight:bold;}

.kzszHd .floatImg{width:auto;height:300px;border:10px solid rgb(255, 255, 255);border-radius:10px;}

.kzszHd .floatImg img{width:100%;height:100%;object-fit:cover;}

.kzszHd .floatImg img:hover{cursor:hand !important;}

.fgkbAx{display:flex;justify-content:end;}

.fgkbAx .menuBar{display:flex;align-items:center;}

.fgkbAx .menuBar li{position:relative;margin:0px 5px;}

.fgkbAx .menuBar li .nav-link{display:flex;align-items:center;padding:10px 2px;text-decoration:none;font-size:15px;position:relative;font-weight:400;color:rgb(39, 39, 39);}

.fgkbAx .menuBar li .nav-link:hover{color:rgb(171, 48, 52);}

.fgkbAx .menuBar li .subMenu{position:absolute;top:100%;left:50%;width:240px;transform:translate(-50%, 10px);box-shadow:rgba(181, 181, 181, 0.46) 0px 2px 15px 1px;background:rgb(255, 255, 255);border-radius:5px;transition:all 0.4s ease 0s;transform-origin:center top;display:none;z-index:10;}

.fgkbAx .menuBar li .subMenu::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:rgb(255, 255, 255);transform:translateX(-50%) rotate(45deg);}

.fgkbAx .menuBar li .subMenu li:last-child a{border-bottom:none;}

.fgkbAx .menuBar li .subMenu li{margin:0px;border-bottom:1px solid rgba(204, 204, 204, 0.49);}

.fgkbAx .menuBar li .subMenu li:hover .subMenu_2{display:block;}

.fgkbAx .menuBar li .subMenu li img{width:25px !important;padding:0px;margin-right:6px;}

.fgkbAx .menuBar li .subMenu li .minea{display:inline-block;}

.fgkbAx .menuBar li .subMenu li a{position:relative;font-size:14px;color:rgb(48, 48, 48);padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.02);display:flex;align-items:center;text-decoration:none;}

.fgkbAx .menuBar li .subMenu li a:hover{background:rgba(171, 48, 52, 0.03);color:rgb(48, 48, 48);}

.fgkbAx .menuBar li .subMenu li a svg{margin-right:5px;}

.fgkbAx .menuBar li .subMenu li a .maxn{float:right;}

.fgkbAx .menuBar li .subMenu li a .maxn p{font-size:11px;font-weight:600;background:rgb(254, 194, 0);text-align:center;border-radius:7px;margin-top:4px;padding:0px;}

.fgkbAx .menuBar li .subMenu li .subMenu_2{position:absolute;top:0px;left:100%;box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 5px 2px;background:rgb(255, 255, 255);border-radius:5px;transition:all 0.4s ease 0s;width:200px;display:none;}

.fgkbAx .menuBar li .subMenu li .subMenu_2:hover{display:block;}

.fgkbAx .menuBar li .subMenu li .subMenu_2 li a{border-bottom:1px solid rgba(255, 255, 255, 0.23);}

.fgkbAx .menuBar li .subMenu li .subMenu_2 li:last-child a{border-bottom:none;}

.fgkbAx .menuBar li:hover .subMenu{transform:translate(-50%, 0px);display:block;}

.fgkbAx .menuBar li:first-child a{color:rgb(171, 48, 52);}

.fgkbAx .subMenu.bigMenu{width:600px!important;}

.fgkbAx .subMenu.bigMenu ul{column-count:2;}

.fgkbAx .subMenu.bigMenu1{width:500px!important;margin-left:130px;}

.fgkbAx .subMenu.bigMenu1 ul{column-count:2;}

.rightNav{display:flex;align-items:center;margin-left:0px;}

.rightNav .menuBtn{width:30px;height:26px;display:none;}

.rightNav .menuBtn path{fill:rgb(171, 48, 52);}



.jgRRws{display:flex;align-items:center;border:none;padding:5px;cursor:pointer;
  /* box-shadow:rgb(225, 122, 125) 2px 3px 1px 2px; */
  border-radius:5px;background:rgb(171, 48, 52);}

.ph_icon{width:33px;height:33px;border-radius:50px;background:rgb(171, 48, 52);display:flex;align-items:center;justify-content:center;margin-right:7px;border:1px solid rgb(255, 255, 255);}

.ph_icon svg{width:15px;height:20px;color:rgb(255, 255, 255);}

.text{display:flex;flex-direction:column;justify-content:start;align-items:start;color:rgb(255, 255, 255);padding-right:10px;}

.text p{color:rgb(255, 255, 255);font-size:12px;margin-top:-5px;}

.text h4{font-size:16px;margin-top:-4px;font-weight:400;}

.dDLybr{padding:0px;position:sticky;top:0px;left:0px;width:100%;background:rgb(253, 255, 247);z-index:10;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px;}

.dDLybr .logo{border-right:1px solid rgb(204, 204, 204);padding-right:20px;}

.dDLybr .topdiv{border-bottom:1px solid rgb(204, 204, 204);display:inline-block;width:100%;padding:4px 0px;}

.dDLybr .topdiv ul{display:flex;margin-bottom:0px;float:right;}

.dDLybr .topdiv ul li{display:flex;align-items:center;margin-right:10px;color:rgb(102, 102, 102);font-size:14px;}

.dDLybr .topdiv ul li svg{margin-top:3px;}

.dDLybr .topdiv ul li a{color:rgb(102, 102, 102);margin-left:5px;font-size:13px;text-decoration:none;font-weight:600;}

.dDLybr .topdiv ul li a:hover{text-decoration:underline;}

.dDLybr .menudiv{display:inline-block;width:100%;padding-top:4px;}

.dDLybr .row{justify-content:space-between;align-items:center;}

.dDLybr .row .menuWrapper{width:100%;padding:0px 15px;display:flex;justify-content:space-between;}

.dDLybr .row .menuWrapper a img{width:230px;padding:20px 0px 0px 0px;}
.menuWrapper ul, .social_media ul, .detailCol ul, .addressCol ul, .c-testimonial-w ul, .c-approvals-list ul,.sc-kLgoAE ul {padding: 0; margin: 0; list-style-type: none;}



/*banner*/

/* .c-banner-main {background: url("../img/banner-bg.jpg") repeat; padding: 30px 0;} */

.c-banner-w { position: relative;width: 100%; overflow: hidden;}

.c-banner-w .slick-arrow{position:absolute;top:45%;transform:translateY(-50%);left:5%;color:#00163b;font-size:26px;line-height:60px;border:none;text-align:center;z-index:9;cursor:pointer;padding:0;background:#fff;width:60px;height:60px;box-shadow:1px 1.732px 60px 0 rgba(0,0,0,.1);border-radius:50%}

.c-banner-w .slick-next{right:5%;left:inherit}

.c-banner-w .slick-arrow,.slider-active .slick-next{transition:.3s;opacity:0}

.c-banner-w:hover .slick-prev{left:4%}

.c-banner-w:hover .slick-next{right:4%}

.c-banner-w:hover .slick-arrow,.c-banner-w:hover .slick-next{opacity:1}

.c-banner-w .slick-arrow:hover{color:#fff;background:#ab3034}



/*department*/

.c-feature-w { padding: 50px 0; background: url("../img/feature-bg.png") no-repeat; background-size: 100%;}

.c-department-w {background:url("../img/department-bg.jpg") no-repeat;background-size:100% 100%;padding: 40px 0;background-attachment: fixed;}

.c-department-w  h3 {text-align:left; }

.c-department-w  h3:after {left: 0; transform: inherit;}

.c-department-w  .c-heading-2 {margin-bottom:30px;}

.c-department-list-box-img {position: relative;}

.c-department-list-box-img img {width:100%; height: 200px; object-fit: cover;}

.c-department-student {position: absolute;right: 0;bottom: 0;background: #ffffff;padding: 10px 20px;line-height: 100%;font-weight: bold;font-size: 14px;color: #000;}

.c-department-list-box {padding: 10px;}

.c-department-list-box-in {-webkit-box-shadow:0px 0px 10px -1px rgba(0,0,0,0.26);-moz-box-shadow:0px 0px 10px -1px rgba(0,0,0,0.26);box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.26);}

.c-department-list-box-con {background:#fff;padding: 15px;min-height: 160px;}

.c-department-list-box-con h3 { color:#000; font-size:18px; text-transform:capitalize;margin-bottom:5px; }

.c-department-list-box-con h3 a {color:rgb(171, 48, 52);}

.c-department-list-box-con p {margin-bottom:5px;}

.c-department-sq {display: flex; align-items: center;}

.c-department-sq h4 {margin-left:10px; font-weight: bold;font-size:18px; font-weight: bold; color:#000;}

.c-department-list-box .c-btn-2 {margin-top: 15px; padding: 10px 20px;}



.c-department-w .slick-arrow {content:"";display: block;border: 2px solid #fff;box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);width:45px;height:45px;border-radius:50%;background: rgb(171, 48, 52);color:#fff;font-size:24px;position:absolute;right: 50px;z-index:2;top: -79px;transform: inherit;}

.c-department-w .slick-next {left: inherit;right: 0px;}

.c-department-w .slick-next i {position: relative;left: 2px;}



.c-department-rating { display: flex; align-items: center; margin: 15px 0 0;}

.c-department-rating i { font-size: 16px; color: #d1ca05; margin-right: 7px;}

/*Benefits */

.c-offer-box-in {border-radius: 145px;background:#fff;padding:40px 30px 50px;text-align: center;overflow: hidden;display: block;position: relative;transition: 0.5s;min-height: 421px;

    box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);

 }

    .c-offer-box-in span {border-radius: 50%;background: #ab3034;width: 134px;height: 134px;display:inline-flex;align-items:center;justify-content:center;transition: 0.5s;}

    .c-offer-box-in span img {width:80px;}

    .c-offer-box-in h3 {margin-top: 15px;font-size: 20px;text-transform: uppercase;color: #03011e;line-height: normal;margin-bottom: 10px;transition: 0.5s;}

    .c-offer-box-in p {font-size: 16px;line-height: 24px; transition: 0.5s; margin-bottom: 16px;}

    .c-offer-box-in:after {content:""; display: block;background:url("../img/offer-bg.png") no-repeat;content:""; display:block;position: absolute;

    left: 0;bottom:-5px; width: 251px; height: 300px;transition: 0.5s;}

    

    .c-offer-box-in:hover {background: #7dac20;}

    .c-offer-box-in:hover h3,.c-offer-box-in:hover p {color: #fff;}

    .c-offer-box-in:hover:after {filter: brightness(0) invert(1);}

    .c-offer-in .slick-arrow {content:""; display: block;border: 2px solid #fff;box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);

    width:45px; height:45px;border-radius:50%;background:#0099e5; color:#fff; font-size:24px;position:absolute;left:0;z-index:2;

    top:50%; transform: translateY(-50%);}

    .c-offer-in  .slick-next {left: inherit;right: 0px;}

    .c-offer-in  .slick-next i {position: relative;left: 2px;}

    .c-offer-in {padding: 0 15px;}

    .c-offer-box-in a {

    display:inline-block;

    position:relative;

    z-index:2;

    padding:13px 25px;

    border-radius:30px;

    background: #4d6b12;

    line-height:100%;

    color:#fff;

    font-size:16px;

    font-weight:bold;

    }

    .c-offer-box-in a:hover ,.c-offer-box-in:hover  a {background: #fff; color:#3353ea;}

    .c-offer-box-in:hover  span {background:#ffb100;}





    /* why choose */



    .c-why-w { padding: 50px 0; background: url("../img/why-bg.png") no-repeat; background-size: cover;

    background-attachment: fixed;}

    .c-why-w .c-heading-2 h2 { color: #fff; font-size: 34px;}

    .c-why-w .c-heading-2:after ,.c-why-w .c-heading-2:before { background-color: #fff;}

    .c-why-w .c-heading-2 { margin-bottom: 40px;}



    .c-why-box { padding-left: 110px; position: relative; margin-bottom: 15px; min-height: 100px;}

    .c-why-box .icon { position: absolute; left: 0;top: 10px;width: 90px; height: 90px; border-radius: 50%;

    display: flex; align-items: center; background-color: #fff; justify-content: center;}

    .c-why-box .icon img { height: 60px;}

    .c-why-box h4 { color: #fff;font-weight: bold; margin-bottom: 10px;font-size: 22px;line-height: normal;}

    .c-why-box p { color: #fff; margin: 0;}

    .c-mini-banner-box { margin-bottom: 30px;}

    .c-mini-banner-box img { width: 100%;}



    .c-gallery-w img{ height: 250px; object-fit: cover;}

    .c-gallery-box { padding: 10px 5px;}











.jGqPXH{padding-bottom:40px;padding-top:40px; background: url("../img/client-bg.png");}



.jGqPXH .videoWrapper .video_card{padding:110px 50px 50px;box-sizing:border-box;border-radius:20px;overflow:hidden;text-align:center;position:relative;z-index:1;}

.jGqPXH .videoWrapper .video_card::before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(12, 11, 11, 0.53);z-index:-1;}

.jGqPXH .videoWrapper .video_card .btn_ripple{margin:auto;outline:none;width:60px;height:60px;border-radius:50%;

    background-color:rgb(255, 255, 255);color:rgb(171, 48, 52);

    display:grid;place-items:center;font-size:18px;cursor:pointer;border:2px solid rgb(255, 255, 255);  -webkit-animation: ripple 1s linear infinite;

    animation: ripple 1s linear infinite;}

.jGqPXH .videoWrapper .video_card .headingArea{margin: 32px auto 0px;width:60%;}

.jGqPXH .videoWrapper .video_card .headingArea h2,.jGqPXH .videoWrapper .video_card .headingArea p{color:rgb(255, 255, 255);}

.jGqPXH .videoWrapper .video_card .headingArea h2 { margin-bottom: 15px;font-size: 40px;}

.c-video-img img { position: relative;top: 40px;}

@-webkit-keyframes ripple {

    0% {

      -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);

              box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);

    }

    100% {

      -webkit-box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);

              box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);

    }

    

  }

  @keyframes ripple {

    0% {

      -webkit-box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);

              box-shadow: 0 0 0 0 rgba(189, 142, 210, 0.3), 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3);

    }

    100% {

      -webkit-box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);

              box-shadow: 0 0 0 10px rgba(189, 142, 210, 0.3), 0 0 0 30px rgba(189, 142, 210, 0.3), 0 0 0 60px rgba(189, 142, 210, 0.3), 0 0 0 90px rgba(189, 142, 210, 0);

    }

  }

  

/* event */

.c-event-main {padding: 60px 0;}

.c-event-box {min-height: 492px;  background: linear-gradient(151.71deg, #29C986 0%, #2FC8E5 100%) ; padding: 20px; border-radius: 30px;position: relative;}

.c-event-box h2 { font-weight: bold; margin-bottom: 20px; color: #fff;font-size: 24px;}

.c-news-box { padding-left: 115px; position: relative;padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #fff;}

.c-news-box-img {position: absolute;left: 0;top: 8px;width: 95px;}

.c-news-box-img img { height: 80px;object-fit: cover;width: 100%;}

.c-news-box h3 { transition: 0.5s; color: #fff;font-size:16px; line-height: normal;min-height: 65px;

overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}

.c-news-date { margin-top: 10px; display: flex;align-items: center;}

.c-news-date h4 { margin-left: 10px; font-size: 14px;color: #fff; }

.c-news-date img { width: 15px;}



.c-event-box li:last-child .c-news-box { border: none; margin-bottom: 0;}

.c-event-box .c-btn-2 { padding: 12px 30px;}

.c-event-color { min-height: ;}

.c-event-box .shape-image { position: absolute;right: 0;top: 23px;z-index:1;}

.c-event-box li { position: relative;}

.c-event-box li a { position: absolute; left: 0; top: 0;z-index: 9;width: 100%; height: 100%;}

.c-news-box:hover h3  { color: #000;}



.c-event-color {background: linear-gradient(151.71deg, #FF652D 0%, #FFA426 100%) !important;}

.c-notification-w ul {min-height: 343px;}

.c-notification-w ul a { position: static  ; color: #fff; font-size: 18px;font-weight: bold;display: inline-block;}

.c-notification-w ul li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #fff;}

.c-notification-w  { background: linear-gradient(151.71deg, #30C4FF 0%, #7259FF 100%) !important;}

.c-notification-w ul li .c-news-date { margin-top: 6px;}





/* approvals */



.c-agriculture-w  { padding:0px 0 50px; }

.c-agriculture-w img {width: 100%;}

.c-approvals-list-box { text-align: center;position: relative;}

.c-approvals-list-box h3 { font-weight: bold; color: #ab3034; font-size: 24px; line-height: normal;margin: 20px 0 12px;}

.c-approvals-list-box p { width: 70%; margin: 0 auto;}

.c-approvals-list-box a { position: absolute; left: 0; top: 0;width: 100%; height: 100%;}

.c-approvals-list-box span { display: inline-block;width: 120px;}



.c-approvals-list .slick-dots {width: 100%; display:flex; justify-content:center;margin-top:50px; }

.c-approvals-list .slick-dots li { margin:0 5px; }

.c-approvals-list .slick-dots li button {position: relative; width: 29px; height: 29px; border-radius: 50%; border: 2px solid transparent;

background: transparent;font-size:0; position: relative;}

.c-approvals-list .slick-dots li.slick-active button  {border-color:#2897ff;}

.c-approvals-list .slick-dots li button:after {content:""; display:block;position: absolute;left: 50%; top:50%; transform:translate(-50%,-50%);

background:#2897ff; width:10px; height:10px; border-radius:50%; }



/* comapny */

.cguXjL{padding-top:50px;position:relative;overflow:hidden;}

.cguXjL .forComp{display:flex;flex-direction:column;justify-content:center;text-align:center;margin-bottom:120px;}

.cguXjL .forComp h5{color:rgba(39, 39, 39, 0.898);font-size:46px;font-weight:800;text-transform:capitalize;}

.cguXjL .forComp p{font-size:18px;padding-top:5px;}

.cguXjL .stepWrapper{display:flex;flex-direction:column;justify-content:center;text-align:center;width:955px;height:455px;background:rgba(171, 48, 52, 0.08);margin:0px auto;position:relative;border-top-left-radius:475px;border-top-right-radius:475px;border:1px dashed rgba(171, 48, 52, 0.36);}

.cguXjL .stepWrapper .animateArea{position:relative;top:-12px;height:955px;width:960px;animation:30s linear 0s infinite normal none running rotation;transform-origin:center bottom;}

.cguXjL .stepWrapper .animateArea ul li .cmpLogo{width:100px;height:100px;background:rgb(255, 255, 255);border:1px solid rgb(218, 218, 218);text-align:center;position:absolute;border-radius:50%;line-height:98px;animation:30s linear 0s infinite reverse none running rotation;display:flex;justify-content:center;align-items:center;}

.cguXjL .stepWrapper .animateArea ul li .cmpLogo img{max-width:75px;max-height:75px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(1) .cmpLogo{left:189px;top:-3px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(2) .cmpLogo{left:421px;top:-50px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(3) .cmpLogo{left:674px;top:8px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(4) .cmpLogo{left:823px;top:176px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(5) .cmpLogo{left:881px;top:443px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(6){display:none;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(6) .cmpLogo{left:867px;top:262px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(7) .cmpLogo{left:756px;top:711px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(8) .cmpLogo{left:532px;top:858px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(9) .cmpLogo{left:251px;top:806px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(10) .cmpLogo{left:32px;top:620px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(11) .cmpLogo{left:-38px;top:369px;}

.cguXjL .stepWrapper .animateArea ul li:nth-child(12) .cmpLogo{left:19px;top:169px;}

.cguXjL .stepWrapper .step{padding:20px;border:1px dashed rgba(171, 48, 52, 0.36);position:absolute;left:50%;bottom:-2px;}

.cguXjL .stepWrapper .step img{width:50px;transform:translateY(-52px);}

.cguXjL .stepWrapper .step h5{font-size:14px;transform:translateY(-37px);color:rgba(39, 39, 39, 0.898);font-weight:400;margin-top:20px;}

.cguXjL .stepWrapper .step1{width:765px;height:375px;bottom:-16px;margin-left:-385px;border-top-left-radius:450px;border-top-right-radius:450px;}

.cguXjL .stepWrapper .step2{width:510px;height:250px;bottom:-16px;margin-left:-255px;border-top-left-radius:350px;border-top-right-radius:350px;}

.cguXjL .stepWrapper .step3{width:260px;height:119px;margin-left:-130px;border-top-left-radius:200px;border-top-right-radius:200px;bottom:-19px;}

.sc-dmlpXa.cguXjL  .c-heading-2 { margin-bottom: 100px;} 





@keyframes rotation {

  0% {

    transform: rotate(0deg) translateX(0px);

  }

  

  100% {

    transform: rotate(360deg) translateX(0px);

  }

  

}



/* newslatter */





.fQjoPI{color:rgb(0, 0, 0);font-size:46px;font-weight:800;text-transform:capitalize;}

.ibBivR{margin-bottom:-44px;z-index:8;position:relative;}

.ibBivR .card_wrapper .card{text-align:center;position:relative;z-index:1;border: none; outline: none; padding: 0;}

.ibBivR .card_wrapper .card .newsletternw{border-radius:5px;padding:25px;background:rgb(255, 255, 255);box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 15px 0px;}

.ibBivR .card_wrapper .card .row{align-items:center;}

.ibBivR .card_wrapper .card .row .headingCol{width:45%;padding:0px 15px;}

.ibBivR .card_wrapper .card .row .wamu{width:55%;display:flex;justify-content:center;}

.ibBivR .card_wrapper .card .row .wamu input{background-color:rgba(0, 0, 0, 0);border:1px solid rgb(227, 227, 227);border-radius:30px;color:rgb(44, 44, 44);font-size:0.8571em;transition:color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;height:calc(2px + 2.25rem);padding:10px 18px;width:65%;margin-right:5%;}

.ibBivR .card_wrapper .card .row .wamu button{background:rgba(0, 0, 0, 0.79);color:rgb(255, 255, 255);border-radius:30px;padding:10px 50px;box-shadow:unset;font-weight:300;font-size:0.8571em;line-height:1.35em;border:0px;transition:color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.ibBivR .card_wrapper .card h2{font-weight:500;font-size:22px;line-height:38px;color: rgb(171 48 52);text-align:left;}







/* footer */



/*! CSS Used from: Embedded */



.MhMVt{background:url("../img/line-pattern-bg.png") center center / cover no-repeat;padding:80px 0px 40px;position:relative;z-index:1;}

.MhMVt::before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgb(159, 35, 33);z-index:-1;opacity:0.9;}

.MhMVt .addressCol{width:25%;padding:0px 15px;}

.MhMVt .addressCol h4{font-size:24px;color:rgb(255, 255, 255);text-transform:uppercase;margin:10px 0px;}

.MhMVt .addressCol address{margin-bottom:10px;}

.MhMVt .addressCol address p{color:rgb(255, 255, 255);}

.MhMVt .addressCol address p span{font-weight:bold;}

.MhMVt .addressCol .tel ul li{display:flex;align-items:center;margin-bottom:10px;}

.MhMVt .addressCol .tel ul li span{color:rgb(255, 255, 255);margin-right:5px;}

.MhMVt .addressCol .tel ul li a{color:rgb(255, 255, 255);font-size:14px;text-decoration:none;}

.MhMVt .addressCol .tel ul li a:hover{text-decoration:underline;}

.MhMVt .addressCol .social_media ul{display:flex;}

.MhMVt .addressCol .social_media ul li{margin-right:10px;}

.MhMVt .addressCol .social_media ul li a{width:30px;height:30px;border-radius:50%;border:1px solid rgb(255, 255, 255);display:flex;justify-content:center;align-items:center;color:rgb(255, 255, 255);}

.MhMVt .addressCol .social_media ul li a:hover{background:rgb(171, 48, 52);border-color:rgb(171, 48, 52);}

.MhMVt .detailCol{width:75%;padding:0px 15px;}

.MhMVt .detailCol .col{width:25%;padding:0px 15px;}

.MhMVt .detailCol .col h4{font-size:20px;color:rgb(255, 255, 255);margin-bottom:20px;}

.MhMVt .detailCol .col ul li{margin-bottom:10px;}

.MhMVt .detailCol .col ul li a{color:rgb(255, 255, 255);text-decoration:none;font-size:14px;transition:all 0.4s ease 0s;}

.MhMVt .detailCol .col ul li a:hover{opacity:0.8;}



.gVYPNV{background:rgba(156, 33, 31, 0.86);padding:10px;border-top:1px solid rgba(247, 247, 247, 0.14);margin-bottom: 0;}

.gVYPNV ul{display:flex;flex-wrap:wrap;justify-content:center;}

.gVYPNV ul li a{color:rgb(255, 255, 255);text-decoration:none;font-size:12px;margin:5px 0px;}

.gVYPNV ul li span{margin:0px 10px;color:rgb(255, 255, 255);}

.gVYPNV p{color:rgb(255, 255, 255);text-align:center;font-size:12px;margin-top:5px;}



/*announcement*/

.c-announcement-in {position: relative;padding: 8px 0px 8px 60px;background:#e2ffa9;box-shadow: 0px 0px 18px 0px rgba(61, 61, 61, 0.16); margin: 10px 0;}

.marquee {overflow:hidden;position: relative;}

.c-marquee-text a{ color:var(--blue-text);font-size:14px;font-weight:600; }

.c-announcement-in:after {content:"";background:url("../img/announcement-icon.png") no-repeat;width:27px;height:30px;display:block;position:absolute;left: 15px;top: 9px;}



.kzszHd.sc-bBXqJn.active {right: -82px;}

.c-banner-main img {width: 100%;}

/* breadcrumb */

.breadcrumb-area {

  background-size: cover;

  position: relative;

      min-height: 200px;

      background-repeat: no-repeat;

      background-color: #4c4444;

  }

  .breadcrumb-wrap2 {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center;

    bottom: -25px;

      z-index: 1;

  }

  .breadcrumb-wrap.text-left {

    text-align: center !important;

  }

  .breadcrumb {

  display: inline-block;

  -ms-flex-wrap: wrap;

  flex-wrap: unset;

  padding: 0;

  margin-bottom: 0;

  list-style: none;

  background-color: unset;

  border-radius: 30px;

  background: #ab3034;

  padding: 15px 35px;

  position: relative;

  }

  .breadcrumb li {display: inline-block;}

  .breadcrumb li a {

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  }

  .breadcrumb-item + .breadcrumb-item::before {

    display: inline-block;

    padding-right: 15px;

    padding-left: 10px;

    color: #ddd;

    content: "|";

  }
  
  .breadcrumb-title h1 {

    font-size: 50px;

    margin-bottom: 25px;

    line-height: 1;

    color: #fff;

 letter-spacing: 1px;

  }

  .breadcrumb-title h2 {

    font-size: 50px;

    margin-bottom: 25px;

    line-height: 1;

    color: #fff;

        letter-spacing: 1px;

  }

  .breadcrumb-title p {

    margin-bottom: 0;

  color: #777;

  font-size: 16px;

  }

  .breadcrumb > .active {

    color:#fffc !important;

    font-weight: 500;

  }

  /*** 



====================================================================

		Project Detail

====================================================================



***/



.project-detail{

	position: relative;

	padding: 50px 0 50px;

}



.project-detail .upper-box{

	position: relative;

	margin-bottom: 40px;

} 



.project-detail .upper-box .image{

position: relative;

margin-bottom: 0;

overflow: hidden;

max-height: 550px;

}



.project-detail .upper-box .image img{

	display: block;

	width: 100%;

	height: auto;

}



.project-detail .single-item-carousel .owl-nav{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	margin-top: -50px;

}



.project-detail .single-item-carousel .owl-next,

.project-detail .single-item-carousel .owl-prev{

	position: absolute;

	left: 0;

	height: 100px;

	width: 30px;

	background-color: rgba(0,0,0,0.5);

	text-align: center;

	font-size: 18px;

	line-height: 100px;

	color: #ffffff;

	font-weight: 400;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .single-item-carousel .owl-next{

	left: auto;

	right: 0px;

}



.project-detail .single-item-carousel .owl-next:hover,

.project-detail .single-item-carousel .owl-prev:hover{

	background-color: rgba(255,255,255,.5);

	color: #000000;

}



.project-detail .text-column{

	position: relative;

}



.project-detail .text-column .inner-column{

	position: relative;

}

.project-detail .text-column .inner-column .dropcap{

    float: left;

    background: #ab3034;

    border-radius: 20px;

    padding: 30px;

    color: #FFFFFF;

    font-size: 48px;

    font-weight: 600;

    margin-right: 20px;

}

.project-detail .text-column .inner-column p strong{

    color: #141b22;

}



.project-detail .pr-ul {

    margin-top: 10px;

    float: left;

    margin-bottom: 30px;

}

.project-detail .pr-ul li {

    display: flex;

    margin-bottom: 15px;

    float: left;

width: 50%;

    align-items: center;

}

.project-detail .pr-ul .icon i {

    width: 40px;

    height: 40px;

    background: #FFFFFF 0% 0% no-repeat padding-box;

    border: 2px solid #EEEEEE;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    margin-right: 20px;

    color: #ab3034;

}





/* Lower Content */

.project-detail .leactures li a{

  display: flex;

    margin-bottom: 15px;

    color: #777;

}

.project-detail .leactures li:last-child a{

    margin-bottom: 0;

}

.project-detail .leactures li a:hover{

    color: #000;

}

.project-detail .leactures li .text i{

    margin-right: 5px;

}

.project-detail .leactures li .text{

    font-weight: 600;

    font-size: 16px;

}

.project-detail .leactures li .time{

 text-align: right;

}

.project-detail .faq-wrap2 .faq-btn span {

  float: right;

  font-weight: 400;

  font-size: 15px;

}

.project-detail .faq-wrap2 .faq-btn{

     border: 2px solid #f7f8fc !important;

    background: #f7f8fc;

    padding: 15px 30px 15px 40px;

    font-weight: 600;

    

}

.project-detail .faq-wrap2 .card-header h2 button::after{

    right: inherit;

    left: 10px;

    width: auto;

    height: auto;

    border: none;

    line-height: 47px;

    color: #777;

    font-weight: 400;

}

.project-detail .faq-wrap2 .faq-btn span{

    float: right;

}

.project-detail .faq-wrap2 .card {

  margin-bottom: 15px;

  border: 2px solid #f7f8fc !important;

}

.project-detail .faq-wrap2 .card-body{

    padding: 30px;

}

.project-detail .leactures li div {

  width: 100%;

}

.project-detail .lower-content{

	position: relative;

}



.project-detail .lower-content h2{

position: relative;

display: block;

margin-bottom: 50px;

font-size: 40px;

}



.project-detail .lower-content h3{

    position: relative;

    display: block;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 20px;

}



.project-detail .lower-content h4{

    position: relative;

    display: block;

    font-size: 22px;

    margin-bottom: 20px;

}



.project-detail .lower-content p{

	position: relative;

    display: block;

    margin-bottom: 20px;

    text-align: justify !important;

}





.project-detail .info-column{

	position: relative;

}



.project-detail .info-column .inner-column{

  position: relative;

  padding: 30px;

  background: #fff;

  border: 2px solid #f5f5f5 !important;

}

.project-detail .info-column .inner-column2{

border-radius: 8px;

background-color: rgb(255, 255, 255);

box-shadow: 5px 8.66px 58px 0px rgba(0, 0, 0, 0.08);

overflow: hidden;

padding-bottom: 30px;

margin-top: -153px;

border: 1px solid #e3e3e3;

position: sticky;

top: 67px;

}

.project-detail .info-column .inner-column2 h3{

    background: #4c4444;

    color: #fff;

    font-size: 20px;

    padding: 15px;

    margin-bottom: 15px;

}

.project-detail .info-column .inner-column3{

border-radius: 8px;

background-color: rgb(255, 255, 255);

box-shadow: 5px 8.66px 58px 0px rgba(0, 0, 0, 0.08);

overflow: hidden;

padding-bottom: 30px;

border: 1px solid #e3e3e3;

position: sticky;

top: 67px;

}

.project-detail .info-column .inner-column3 .footer-social a{

    background: #4c4444;

}

.project-detail .info-column .inner-column3 .footer-social a:hover{

    background: #ab3034;

}

.project-detail .info-column .inner-column3 h3{

    background: #4c4444;

    color: #fff;

    font-size: 20px;

    padding: 15px;

    margin-bottom: 15px;

}



.project-detail .project-info{

	position: relative;

}

.project-detail .project-info li .btn{

    width: 100%;

    color: #fff;

}

.project-detail .project-info li .slider-btn {

  width: 100%;

}

.project-detail .project-info li{

position: relative;

margin-bottom: 15px;

float: left;

width: 100%;

border-bottom: 1px solid #e3e3e3;

padding-bottom: 15px;

display: flex;

align-items: center;

gap: 15px;

padding-left: 15px;

padding-right: 15px;

}

.project-detail .project-info h5 {

  float: left;

}



.project-detail .project-info li:last-child {

  padding-bottom: 0;

  border-bottom: none;

    margin-bottom: 0;

}

.project-detail .project-info li .icon{

	font-size: 18px;

	line-height: 28px;

	color:#ab3034;

}



.project-detail .project-info li strong{

color: #141b22;

line-height: 24px;

display: inline-block;

    font-weight: 600;

    font-family: 'Inter', sans-serif;

}

.project-detail .project-info .priceing{

    padding: 10px 0;

    position: relative;

    width: 100%;

}

.project-detail .project-info .priceing strong{

    font-family: 'Roboto', sans-serif;

    color:#ab3034;

    font-size: 24px;

}

.project-detail .project-info .priceing sub{

    bottom: 0;

    font-size: 18px;

    font-weight: 600;

    color: #000;

    text-decoration:line-through;

}

.project-detail .project-info .priceing span{

border-radius: 5px;

position: absolute;

background: #ab30343d;

padding: 1px 12px;

font-size: 14px;

color: #ab3034;

top: 6px;

margin-left: 15px;

font-weight: 600;

}





.project-detail .project-info li p{

	font-size: 15px;

    line-height: 24px;

    

    font-weight: 400;

    margin-bottom: 0;

}



.project-detail .project-info li p a{

	

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}



.project-detail .project-info li p a:hover{

	color: #ab3034;

}

.project-detail .lower-content th {

  background: #ab3034;

  color: #fff;

}

/* courses */

.class-scroll .schedule li {

  float: left;

  padding: 0 15px;

    padding-left: 15px;

  border-right: 1px solid #ccc;

}

.class-scroll .class-item .class-content p{

    margin-bottom: 0;

}

.class-scroll .schedule span {

  display: block;

  line-height: 22px;

  color: #12265a;

  margin-bottom: 5px;

    font-weight: 600;

}

.class-scroll .schedule span.class-age,.class-scroll .schedule span.class-size {

  color: #ab3034;

    font-weight: 400;

}

.class-scroll .slick-track .class-item:nth-child(1) ul,.class-scroll .slick-track .class-item:nth-child(4) ul,.class-scroll .slick-track .class-item:nth-child(7) ul,.class-scroll .slick-track .class-item:nth-child(10) ul,.class-scroll .slick-track .class-item:nth-child(13) ul {

  background: #fff1ee;

}

.class-scroll .slick-track .class-item:nth-child(2) ul,.class-scroll .slick-track .class-item:nth-child(5) ul,.class-scroll .slick-track .class-item:nth-child(8) ul,.class-scroll .slick-track .class-item:nth-child(11) ul,.class-scroll .slick-track .class-item:nth-child(14) ul  {

  background:#eef8ff;

}

.class-scroll .slick-track .class-item:nth-child(3) ul,.class-scroll .slick-track .class-item:nth-child(6) ul,.class-scroll .slick-track .class-item:nth-child(9) ul,.class-scroll .slick-track .class-item:nth-child(12) ul,.class-scroll .slick-track .class-item:nth-child(15) ul  {

  background:#fffaee;

}





.class-scroll .col-lg-4:nth-child(1) ul,.class-scroll .col-lg-4:nth-child(4) ul,.class-scroll .col-lg-4:nth-child(7) ul,.class-scroll .col-lg-4:nth-child(10) ul,.class-scroll .col-lg-4:nth-child(13) ul {

  background: #fff1ee;

}

.class-scroll .col-lg-4:nth-child(2) ul,.class-scroll .col-lg-4:nth-child(5) ul,.class-scroll .col-lg-4:nth-child(8) ul,.class-scroll .col-lg-4:nth-child(11) ul,.class-scroll .col-lg-4:nth-child(14) ul  {

  background:#eef8ff;

}

.class-scroll .col-lg-4:nth-child(3) ul,.class-scroll .col-lg-4:nth-child(6) ul,.class-scroll .col-lg-4:nth-child(9) ul,.class-scroll .col-lg-4:nth-child(12) ul,.class-scroll .col-lg-4:nth-child(15) ul  {

  background:#fffaee;

}



.class-scroll .schedule li:last-child {

  padding-right: 0;

  border-right: none;

}

.class-scroll .schedule {

display: inline-block;

width: 100%;

padding: 15px 15px;

background: #fff1ee;

margin-bottom: -8px;

}

.class-scroll .class-item{

    margin: 0 15px 15px;

    box-shadow: 1px 1.732px 20px 0px rgba(0, 0, 0, 0.08);

}

.class-active{

    margin-right: -350px;

}

.courses-item {

  float: left;

  margin-left: 15px;

  margin-right: 15px;

  position: relative;

   background: #f0f7ff;

    border-radius: 4px;

    transition: all 0.3s ease 0s;

}

.courses-item:hover{

   box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1); 

}

.courses-item:hover .courses-content{

    background: #fff;

}

.courses-item img {

  max-height: 180px;

}

.courses-img-outer {

  overflow: hidden;

    border-radius: 4px 4px 0 0;

}

.courses-content {

    padding: 10px;    

    float: left;

    position: relative;   

}

.courses-content h3 {

  margin-bottom: 10px;  

  line-height: 35px;

}

.courses-content p {

  margin-bottom: 10px;  

  color: #777

}

.courses-content .cat {

  border-radius: 4px;

  background-color: #ab3034;

  position: absolute;

  top: -18px;

  right: 30px;

  color: #fff;

  padding: 5px 10px;

}

.courses-content .cat i{

    margin-right: 5px;

}



.courses-item .icon img{

    display: inherit;

}

.courses-item .icon {

  float: right;

  text-align: right;

  margin-top: -70px;

  margin-right: 30px;

}

.courses-content h4{

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: bold;

    line-height: 27px;

    min-height: 54px;

}

.courses-content .schedule span {

  display: block;

  line-height: 22px;

  color: #12265a;

}

.courses-content a{

    color: #141b22;

    font-family: 'Inter', sans-serif;

}



.courses-content a.readmore{

     color: #ab3034;

}

.courses-content a.readmore:hover{

     color: #141b22;

}

.courses-content a:hover{

    color: #ab3034;

}

.course-widget-price ul {

  width: 100%;

  display: inline-block;

}

.course-widget-price li i {

  padding-right: 9px;

  font-size: 14px;

  padding-left: 2px;

  color: #ab3034;

}

.course-widget-price li span:last-child {

  float: right;

}



.shop-area .courses-item{

    margin-left: 0;

    margin-right: 0;

}

.class-area2 h2{

    color: #fff;

}

.class-active .single-project {

    position: relative;

}



.class-active .slick-arrow {

position: absolute;

top: -122px;

left: 71.6%;

border: none;

background: none;

padding: 0;

font-size: 36px;

color: #fff;

z-index: 9;

cursor: pointer;

transition: .3s;

background: #ab3034;

width: 60px;

height: 60px;

border-radius: 4px;

}

.class-active .slick-arrow:hover {

    background: #4c4444;

    color: #fff;

}

.class-active .slick-next {

left: 76%;

right: 0;

}



.class-item {

    display: inline-block;

     background-color: rgb(255, 255, 255);

  box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1);

}

.class-img-outer {

  overflow: hidden;

    position: relative;

}

.course-meta {

  position: absolute;

  bottom: 0;

  background: #00000082;

  width: 100%;

  padding: 15px;

  color: #fff;

}

.course-meta .author {

  display: flex;

  align-items: center;

  gap: 13px;

}

.course-meta .author .thumb img{

    height: 60px;

}

.course-meta .author .text{

    line-height: 22px;

}

.course-meta .author .text p{

    margin-bottom: 0;

}

.course-meta .author a{

    color: #fff;

    font-size: 16px;

    font-family: 'Inter', sans-serif;

}

.course-meta2 {

  background: #4c4444;

  border-radius: 8px;

    padding: 15px 30px;

}

.course-meta2 p{

    margin-bottom: 0 !important;

}

.course-meta2 .author {

  display: flex;

  align-items: center;

  gap: 13px;

    color: #75b4ce;

}

.course-meta2 .author a{

    color: #fff;

    font-family: 'Inter', sans-serif;

}

.course-meta2 .left {

    float: left;

}

.course-meta2 .left li{

   float: left;

    margin-right: 30px;

}

.course-meta2 .right{

    float: right;

}

.course-meta2 .price {

  padding: 5px 30px;

  color: #fff;

  background: #ab3034;

  border-radius: 30px;

  font-weight: 600;

  font-size: 18px;

  margin-top: 7px;

}

.course-meta2 .author .thumb img {

  height: 50px;

}

.shop-area .class-item {

  margin-left: 0;

  margin-right: 0;

    margin-bottom: 30px;

}

.class-item .class-content {

  padding: 30px;

}

.class-item .class-content h4{

    font-size: 24px;

    margin-bottom: 15px;

}



.class-content .schedule li:first-child {

  padding-left: 0;

}

.class-content .schedule li:last-child {

  padding-right: 0;

  border-right: none;

}

.class-content .schedule li {

  float: left;

  padding: 0 15px;

  border-right: 1px solid #ccc;

}

.class-content .schedule span {

  display: block;

  color: #12265a;

    font-weight: 600;

}

.class-content .schedule {

  display: inline-block;

  padding-top: 15px;

  border-top: 1px solid #ccc;

  width: 100%;

}

.class-content .schedule span.class-size,.class-content .schedule span.class-age {

  color: #ab3034;

}

/* Deafult Margin & Padding */

/*-- Margin Top --*/

.mt-5 {

	margin-top: 5px;

}

.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;

}

.mt-35 {

	margin-top: 35px;

}

.mt-40 {

	margin-top: 40px;

}

.mt-45 {

	margin-top: 45px;

}

.mt-50 {

	margin-top: 50px;

}

.mt-55 {

	margin-top: 55px;

}

.mt-60 {

	margin-top: 60px;

}

.mt-65 {

	margin-top: 65px;

}

.mt-70 {

	margin-top: 70px;

}

.mt-75 {

	margin-top: 75px;

}

.mt-80 {

	margin-top: 80px;

}

.mt-85 {

	margin-top: 85px;

}

.mt-90 {

	margin-top: 90px;

}

.mt-95 {

	margin-top: 95px;

}

.mt-100 {

	margin-top: 100px;

}

.mt-105 {

	margin-top: 105px;

}

.mt-110 {

	margin-top: 110px;

}

.mt-115 {

	margin-top: 115px;

}

.mt-120 {

	margin-top: 120px;

}

.mt-125 {

	margin-top: 125px;

}

.mt-130 {

	margin-top: 130px;

}

.mt-135 {

	margin-top: 135px;

}

.mt-140 {

	margin-top: 140px;

}

.mt-145 {

	margin-top: 145px;

}

.mt-150 {

	margin-top: 150px;

}

.mt-155 {

	margin-top: 155px;

}

.mt-160 {

	margin-top: 160px;

}

.mt-165 {

	margin-top: 165px;

}

.mt-170 {

	margin-top: 170px;

}

.mt-175 {

	margin-top: 175px;

}

.mt-180 {

	margin-top: 180px;

}

.mt-185 {

	margin-top: 185px;

}

.mt-190 {

	margin-top: 190px;

}

.mt-195 {

	margin-top: 195px;

}

.mt-200 {

	margin-top: 200px;

}

/*-- Margin Bottom --*/



.mb-5 {

	margin-bottom: 5px;

}

.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;

}

.mb-35 {

	margin-bottom: 35px;

}

.mb-40 {

	margin-bottom: 40px;

}

.mb-45 {

	margin-bottom: 45px;

}

.mb-50 {

	margin-bottom: 50px;

}

.mb-55 {

	margin-bottom: 55px;

}

.mb-60 {

	margin-bottom: 60px;

}

.mb-65 {

	margin-bottom: 65px;

}

.mb-70 {

	margin-bottom: 70px;

}

.mb-75 {

	margin-bottom: 75px;

}

.mb-80 {

	margin-bottom: 80px;

}

.mb-85 {

	margin-bottom: 85px;

}

.mb-90 {

	margin-bottom: 90px;

}

.mb-95 {

	margin-bottom: 95px;

}

.mb-100 {

	margin-bottom: 100px;

}

.mb-105 {

	margin-bottom: 105px;

}

.mb-110 {

	margin-bottom: 110px;

}

.mb-115 {

	margin-bottom: 115px;

}

.mb-120 {

	margin-bottom: 120px;

}

.mb-125 {

	margin-bottom: 125px;

}

.mb-130 {

	margin-bottom: 130px;

}

.mb-135 {

	margin-bottom: 135px;

}

.mb-140 {

	margin-bottom: 140px;

}

.mb-145 {

	margin-bottom: 145px;

}

.mb-150 {

	margin-bottom: 150px;

}

.mb-155 {

	margin-bottom: 155px;

}

.mb-160 {

	margin-bottom: 160px;

}

.mb-165 {

	margin-bottom: 165px;

}

.mb-170 {

	margin-bottom: 170px;

}

.mb-175 {

	margin-bottom: 175px;

}

.mb-180 {

	margin-bottom: 180px;

}

.mb-185 {

	margin-bottom: 185px;

}

.mb-190 {

	margin-bottom: 190px;

}

.mb-195 {

	margin-bottom: 195px;

}

.mb-200 {

	margin-bottom: 200px;

}

/*-- Padding Top --*/



.pt-5 {

	padding-top: 5px;

}

.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;

}

.pt-35 {

	padding-top: 35px;

}

.pt-40 {

	padding-top: 40px;

}

.pt-45 {

	padding-top: 45px;

}

.pt-50 {

	padding-top: 50px;

}

.pt-55 {

	padding-top: 55px;

}

.pt-60 {

	padding-top: 60px;

}

.pt-65 {

	padding-top: 65px;

}

.pt-70 {

	padding-top: 70px;

}

.pt-75 {

	padding-top: 75px;

}

.pt-80 {

	padding-top: 80px;

}

.pt-85 {

	padding-top: 85px;

}

.pt-90 {

	padding-top: 90px;

}

.pt-95 {

	padding-top: 95px;

}

.pt-100 {

	padding-top: 100px;

}

.pt-105 {

	padding-top: 105px;

}

.pt-110 {

	padding-top: 110px;

}

.pt-115 {

	padding-top: 115px;

}

.pt-120 {

	padding-top: 120px;

}

.pt-125 {

	padding-top: 125px;

}

.pt-130 {

	padding-top: 130px;

}

.pt-135 {

	padding-top: 135px;

}

.pt-140 {

	padding-top: 140px;

}

.pt-145 {

	padding-top: 145px;

}

.pt-150 {

	padding-top: 150px;

}

.pt-155 {

	padding-top: 155px;

}

.pt-160 {

	padding-top: 160px;

}

.pt-165 {

	padding-top: 165px;

}

.pt-170 {

	padding-top: 170px;

}

.pt-175 {

	padding-top: 175px;

}

.pt-180 {

	padding-top: 180px;

}

.pt-185 {

	padding-top: 185px;

}

.pt-190 {

	padding-top: 190px;

}

.pt-195 {

	padding-top: 195px;

}

.pt-200 {

	padding-top: 200px;

}

.pt-113 {

	padding-top: 113px;

}

/*-- Padding Bottom --*/



.pb-5 {

	padding-bottom: 5px;

}

.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;

}

.pb-35 {

	padding-bottom: 35px;

}

.pb-40 {

	padding-bottom: 40px;

}

.pb-45 {

	padding-bottom: 45px;

}

.pb-50 {

	padding-bottom: 50px;

}

.pb-55 {

	padding-bottom: 55px;

}

.pb-60 {

	padding-bottom: 60px;

}

.pb-65 {

	padding-bottom: 65px;

}

.pb-70 {

	padding-bottom: 70px;

}

.pb-75 {

	padding-bottom: 75px;

}

.pb-80 {

	padding-bottom: 80px;

}

.pb-85 {

	padding-bottom: 85px;

}

.pb-90 {

	padding-bottom: 90px;

}

.pb-95 {

	padding-bottom: 95px;

}

.pb-100 {

	padding-bottom: 100px;

}

.pb-105 {

	padding-bottom: 105px;

}

.pb-110 {

	padding-bottom: 110px;

}

.pb-115 {

	padding-bottom: 115px;

}

.pb-120 {

	padding-bottom: 120px;

}

.pb-125 {

	padding-bottom: 125px;

}

.pb-130 {

	padding-bottom: 130px;

}

.pb-135 {

	padding-bottom: 135px;

}

.pb-140 {

	padding-bottom: 140px;

}

.pb-145 {

	padding-bottom: 145px;

}

.pb-150 {

	padding-bottom: 150px;

}

.pb-155 {

	padding-bottom: 155px;

}

.pb-160 {

	padding-bottom: 160px;

}

.pb-165 {

	padding-bottom: 165px;

}

.pb-170 {

	padding-bottom: 170px;

}

.pb-175 {

	padding-bottom: 175px;

}

.pb-180 {

	padding-bottom: 180px;

}

.pb-185 {

	padding-bottom: 185px;

}

.pb-190 {

	padding-bottom: 190px;

}

.pb-195 {

	padding-bottom: 195px;

}

.pb-200 {

	padding-bottom: 200px;

}



.pb-240 {

    padding-bottom: 450px;

}



/*-- Padding Left --*/

.pl-0 {

	padding-left: 0px;

}

.pl-5 {

	padding-left: 5px;

}

.pl-10 {

	padding-left: 10px;

}

.pl-15 {

	padding-left: 15px;

}

.pl-20{

	padding-left: 20px;

}

.pl-25 {

	padding-left: 35px;

}

.pl-30 {

	padding-left: 30px;

}

.pl-35 {

	padding-left: 35px;

}



.pl-35 {

	padding-left: 35px;

}



.pl-40 {

	padding-left: 40px;

}



.pl-45 {

	padding-left: 45px;

}



.pl-50 {

	padding-left: 50px;

}



.pl-55 {

	padding-left: 55px;

}



.pl-60 {

	padding-left: 60px;

}

.pl-65 {

	padding-left: 65px;

}

.pl-70 {

	padding-left: 70px;

}

.pl-75 {

	padding-left: 75px;

}

.pl-80 {

	padding-left: 80px;

}

.pl-85 {

	padding-left: 80px;

}

.pl-90 {

	padding-left: 90px;

}

.pl-95 {

	padding-left: 95px;

}

.pl-100 {

	padding-left: 100px;

}





/*-- Padding Right --*/

.pr-0 {

	padding-right: 0px;

}

.pr-5 {

	padding-right: 5px;

}

.pr-10 {

	padding-right: 10px;

}

.pr-15 {

	padding-right: 15px;

}

.pr-20{

	padding-right: 20px;

}

.pr-25 {

	padding-right: 35px;

}

.pr-30 {

	padding-right: 30px;

}

.pr-35 {

	padding-right: 35px;

}



.pr-35 {

	padding-right: 35px;

}



.pr-40 {

	padding-right: 40px;

}



.pr-45 {

	padding-right: 45px;

}



.pr-50 {

	padding-right: 50px;

}



.pr-55 {

	padding-right: 55px;

}



.pr-60 {

	padding-right: 60px;

}

.pr-65 {

	padding-right: 65px;

}

.pr-70 {

	padding-right: 70px;

}

.pr-75 {

	padding-right: 75px;

}

.pr-80 {

	padding-right: 80px;

}

.pr-85 {

	padding-right: 80px;

}

.pr-90 {

	padding-right: 90px;

}

.pr-95 {

	padding-right: 95px;

}

.pr-100 {

	padding-right: 100px;

}

/*-- margin Right --*/

.mr-40{

    margin-right: 40px;

}

/* font weight */

.f-700{font-weight: 600;}

.f-600{font-weight: 600;}

.f-500{font-weight: 500;}

.f-400{font-weight: 400;}

.f-300{font-weight: 300;}



/* Background Color */



.gray-bg {

	background: #f4f4fe;

}

.white-bg {

	background: #fff;

}

.black-bg {

	background: #222;

}

.theme-bg {

	background: #222;

}

.primary-bg {

	background: #1a237e;

}

/* Color */



.white-color {

	color: #fff;

}

.black-color {

	color: #222;

}

.theme-color {

	color: #222;

}

.primary-color {

	color: #222;

}

/* black overlay */



[data-overlay] {

	position: relative;

}

[data-overlay]::before {

	background: #000 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 1;

}

[data-overlay="3"]::before {

	opacity: 0.3;

}

[data-overlay="4"]::before {

	opacity: 0.4;

}

[data-overlay="5"]::before {

	opacity: 0.5;

}

[data-overlay="6"]::before {

	opacity: 0.6;

}

[data-overlay="7"]::before {

	opacity: 0.7;

}

[data-overlay="8"]::before {

	opacity: 0.8;

}

[data-overlay="9"]::before {

	opacity: 0.9;

}

.text-right{

text-align: right;

}

a {

    text-decoration: none;

}

.injHan {

  padding: 0px 0px;

}

.injHan .col-4 {

  width: calc(50%);

  padding: 0px 5px;

  margin-bottom: 20px;

}

.injHan .col-4 .card {

  border: 1px solid rgba(0, 0, 0, 0.1);

  padding: 5px;

  text-align: center;

  border-radius: 10px;

  height: 100%;

  display: inline-block !important;

}

.injHan .col-4 .card .icon {

  width: 25%;

  margin: 0px;

  padding: 30px;

  border-style: dashed;

  border-width: 1px;

  border-color: rgb(254, 199, 109);

  border-radius: 100px;

  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);

  text-align: center;

  vertical-align: middle;

  display: inline-block;

}

.injHan .col-4 .card .icon img {

  vertical-align: middle;

  display: inline-block;

  height: auto;

  max-width: 100%;

  border: none;

  border-radius: 0px;

  box-shadow: none;

  animation: 1s ease 0s 1 normal forwards running rotateIn;

}

.injHan .col-4 .card .card-body {

  float: right;

  width: 75%;

  text-align: left;

}

.injHan .col-4 .card .card-body h3 {

  font-size: 20px;

  margin-bottom: 10px;

  animation: 1.1s ease 0s 1 normal forwards running slideFromRight;

  /* opacity: 0; */

}

.injHan .col-4 .card .card-body p {

  color: rgb(113, 105, 105);

  padding-bottom: 5px;

  animation: 1.1s ease 0s 1 normal forwards running slideFromRight;

  /* opacity: 0; */

}

.jzUuls .col {

  width: 100%;

  overflow-x: auto;

}

.jzUuls .col table {

  border-top-color: ;

  border-top-width: ;

  background-color: var(--thim-widget-landing-background);

  border-right: 0px;

  border-bottom: 0px;

  border-left: 0px;

}

.jzUuls .col table thead {

  background: rgb(171, 48, 52);

  color: rgb(255, 255, 255);

}

.jzUuls .col table tbody {

  font-size: 14px;

}

.jzUuls .extra_fee {

  margin-top: 40px;

  background: rgb(243, 243, 243);

  border-radius: 10px;

  padding: 20px;

  max-width: 400px;

  width: 100%;

  margin-bottom: 15px;

}

/* event */



.event-item .thumb{

  overflow: hidden;

}

.event-content{

  padding: 30px;

  background: #f0f7ff;

  position: relative;

  transition: all 0.5s ease 0s;

}

.event-item:hover .event-content{

  background: #5d870d;

  color: #96bece;

}

.event-item:hover .event-content .time{

  color: #bbeafe;

}

.event-item:hover .event-content .time strong,.event-item:hover .event-content h3 a,.event-item:hover .event-content p{

  color: #fff;

}

.event-item h3,.event-item p {

  margin-bottom: 10px;

}

.event02 .event-content h3{

  font-size: 24px;

}

.event-content .date {

position: absolute;

background-color: #ab3034;

width: 87px;

height: 67px;

left: 30px;

top: -60px;

color: #fff;

  text-align: center;

  font-size: 12px;

  font-family: 'Inter', sans-serif;

}

.event-content .date strong{

  font-size: 24px;

  display: block;

  margin-top: 10px;

}

.event-content h3{

  font-size: 24px;

}

.event-content .time{

   font-family: 'Inter', sans-serif;

}

.event-content .time strong{

  font-weight: 500;

  color: #ab3034;

}

.event-content .time i{

  margin-left: 5px;

  margin-right: 5px;

}

.event02 .event-item{

  width: 100%;

  float: left;

}

.event02 .thumb {

width: 219px;

height: 270px;

float: left;

}

.event02 .event-content {

float: left;

width: 59%;

}

.event02 .event-content .date{

  position: relative;

  left: inherit;

  top: inherit;

  display: inline-block;

  margin-bottom: 20px;

}

.event02 .thumb {

width: 219px;

height: 277px;

}

.event02 .thumb img{

width: 219px;

height: 277px;

}

.event02 .event-content .date{

  border-radius: 4px;

  margin-bottom: 20px;

}

.event02 .event-content .icon {

position: absolute;

right: 30px;

top: 0;

font-size: 90px;

color: #dfeeff;

}

.event03 .event-content,.event03 .event-item{

  float: left;

}

.event03 .event-content{

  background: #fff;

  border: 1px solid #ab3034;

  padding: 30px;

}

.event03 .event-content h3{

  font-size: 24px;

}

.event03 .event-content .date{

position: relative;

top: 0;

left: 0;

float: left;

border-radius: 4px;

height: 80px;

padding-top: 6px;

}

.event03 .event-content .icon {

position: absolute;

right: 30px;

top: 0;

font-size: 90px;

color: #f7f9ff;



}

.event03 .event-content .text {

float: left;

width: 81%;

margin-left: 20px;

}

.event03 .event-item:hover .icon {

   color: #356c84;

}

.event03 .event-content .time i{

  color: #ab3034;

}

.event03 .event-content .time strong {

font-weight: 500;

color: #777;

}

/* faq */

.faq-area .section-title p{

  font-size: 24px;

  margin-top: 25px;

  line-height: 34px;

  }

  .faq-img {

    margin-right: -350px;

  }

  .faq-btn {

  font-size: 17px;

  font-weight: 600;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 20px 30px;

    padding-right: 30px;

  width: 100%;

  text-align: left;

  padding-right: 75px;

  background: #fff;

  border: 1px solid #ab3034;

  border-radius: 4px;

  }

  .card .collapse.show {

      display: block;

  }

  .faq-btn.collapsed {

   background: no-repeat;

  color: #190a32;

  border: 1px solid #c6c6c6;

  border-radius: 4px;

  }

  .faq-wrap .card-header:first-child {

    border-radius: 0;

  }

  .faq-wrap .card-header {

    padding: 0;

    margin-bottom: 0;

    background-color: unset;

    border-bottom: none;

  }

  .faq-wrap .card-body {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: unset;

    padding: 25px 0px;

  }

  .faq-wrap .card-header h2 {

    font-size: unset !important;

  }

  .faq-wrap .card {

  border: none;

  border-radius: 4px !important;

  margin-bottom: 15px;

  box-shadow: none;

  overflow: hidden;

  background: no-repeat;

  }

  

  .faq-wrap .card:last-child {

      

  }

  .faq-wrap .card-header h2 button::after {

  position: absolute;

  content: "\f107";

  top: 5px;

  right: 5px;

  font-size: 26px;

  font-family: "Font Awesome 5 Pro";

  font-weight: 600;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  color: #ab3034;

  border-radius: 4px;

   

  }

  

  .faq-wrap .card-header h2 button.collapsed::after {

    content: "\f104";

      color: #141b22;

          box-shadow: none;

      font-size: 26px;

         border: 1px solid #c6c6c6;

  }

  /* 15. blog */

.home-blog-active {

  margin-right: -500px;

}



.home-blog-active .slick-dots{

    text-align: center;

    margin-top: 30px;

}

.home-blog-active .slick-dots li {

    display: inline-block;

    margin: 0 5px;

}

.home-blog-active .slick-dots li button {

    text-indent: -99999px;

    border: none;

    padding: 0;

    margin-left: 10px;

    border-radius: 50px;

    z-index: 1;

    cursor: pointer;

    background: no-repeat;

    transition: .3s;

    

}

 .home-blog-active .slick-dots li.slick-active button {

}

.home-blog-active .slick-dots li.slick-active button::before {

    background: url("../img/bg/active-dote.html");

    opacity: 1;

}

.home-blog-active .slick-dots li button::before {

    content: "";

    width: 19px;

    height: 19px;

    background: url("../img/bg/dote.html");

    float: left;

    position: relative;

    margin-top: -9px;

    left: -19px;

    border-radius: 50%;

    opacity: .7;

    background-repeat: no-repeat;

    background-position: center;

}





.home-blog-active .slick-arrow,.home-blog-active2 .slick-arrow {

   position: absolute;

top: 55%;

transform: translateY(-50%);

left: -440px;

border: none;

background: none;

padding: 0;

color: #f6fbff;

z-index: 1;

-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;

cursor: pointer;

width: 70px;

height: 70px;

text-align: center;

color: #fff;

background: #ab3034;

font-size: 24px;

    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.07);

    border-radius: 4px;

}



.home-blog-active .slick-prev {



}

.home-blog-active .slick-arrow:hover,.home-blog-active2 .slick-arrow:hover{

    background: #000000;

}



.home-blog-active .slick-arrow.slick-next,.home-blog-active2 .slick-arrow.slick-next {

right: inherit;

left:-355px;

}

.home-blog-active .single-post2

{

    margin: 0 15px 15px;

}

.home-blog-active .blog-content2{

box-shadow: 1px -0.268px 17px 0px rgba(0, 0, 0, 0.09);

}



.blog-content2 .category {

 position: absolute;

top: -250px;

background: #ab3034;

padding: 10px 19px;

left: 20px;

border-radius: 10px;

box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);

font-weight: 500;

text-transform: uppercase;

color: #fff;

}

.blog-thumb img {

	width: 100%;

}

.blog-thumb .b-meta {

padding: 30px 25px 0;

color: #ab3034;

position: absolute;

top: 0;

left: 0;

    z-index: 1;

}

.blog-thumb img{visibility: hidden;}

.blog-thumb:hover img{visibility: visible;}

.blog-content {

	background: #fff;

	padding: 40px 30px;

	position: relative;

	z-index: 1;

}

.single-post2 {

    display: inline-block;

}

.single-post .blog-content {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: none;

    padding-bottom: 30px;

}

.blog-content h4 {

	font-size: 19px;

	margin-bottom: 20px;

	line-height: 1.3;

}

.blog-content h4:hover a{color: #ab3034;}

.blog-thumb:hover::after{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #141b22 0% 0% no-repeat padding-box;

opacity: 0.8;

    display: inline-block;

}



.blog-thumb2 img {

width: 100%;

border-radius: 8px;

overflow: hidden;

}

.blog-thumb2 .b-meta {

padding: 30px 25px 0;

color: #ab3034;

top: 0;

left: 0;

    z-index: 1;

}

.blog-content2 {

padding: 30px;

border-radius: 0 0 8px 8px;

float: left;

position: relative;

background: #fff;

  box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1);

}

.blog-thumb2{

    position: relative;

}

.blog-thumb2 .date-home {

  position: absolute;

  top: 30px;

  background: #ab3034;

  color: #fff;

  padding: 5px 15px;

  border-radius: 6px;

  left: 30px;

  font-size: 14px;

}

.blog-content2 .b-meta{

    color: #777;

    padding-bottom: 15px;

}

.blog-content2 .b-meta ul {

    padding-left: 0 !important;

}

.blog-content2 h4{

    font-size: 24px;

     margin-bottom:15px;

    font-weight: 500;

}

.blog-content2 h4 a{

    text-decoration: none;

    line-height: 30px;

}

.blog-content2 p{

  color: #777;

}

.blog-area3 .blog-thumb2 .date-home{

    background: #4ea9b4;

}

.blog-area3 .blog-content2 {

  margin: 0 10px;

}

.adim-box{

    display: flex;

}

.adim-box .text {

    padding-top: 10px;

    padding-left: 15px;

    font-size: 14px;

    color: #141b22;

}

.blog-thumb:hover .b-meta h4,.blog-thumb:hover .b-meta h4 a:hover{

    color: #fff;

}

.b-meta ul li {

  display: inline-block;

  margin-right: 8px;

  padding-right: 8px;

  color: #777;

}

.b-meta ul li:last-child{margin-right: 0; padding-right: 0;border: none;}

.b-meta ul li a {

	font-size: 14px;

	text-transform: uppercase;

	color: #444d69;

}

.b-meta ul li a.corpo{color: #ab3034;}

.b-meta ul li a:hover {color: #ab3034;}



.blog-btn {

  margin-top: 10px;

}

.single-post:hover .blog-btn{opacity: 1;}



.blog-btn a {

display: inline-block;

color: #ab3034;

text-align: left;

font-size: 15px;

font-weight: 500;

}

.blog-btn a:hover {

color: #141b22;

}

.blog-btn2 a {

    display: inline-block;

    color: #C0C0C0;

    text-align: center;

    font-size: 14px;

}

.blog-btn a i{

    margin-left: 5px;

}

.b-meta i{

    margin-right: 5px;

    color: #ab3034;

}

.single-post{transition: .3s;background: #FFFFFF 0% 0% no-repeat padding-box;

box-shadow:3px 4px 15px #00000026;

 }



.blog-thumb {

    position: relative;

}

.bsingle__post-thumb img {

	  width: 100%;

         height: auto;

}

.bsingle__post .video-p {

  	position: relative;

}

.bsingle__post .video-p .video-i {

	height: 80px;

	width: 80px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	line-height: 80px;

	border-radius: 50%;

	background: #fff;

	color: #ab3034;

}

.blog-active .slick-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 40px;

	border: none;

	background: none;

	padding: 0;

	font-size: 30px;

	color: #fff;

	z-index: 9;

	opacity: .4;

	-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;

	cursor: pointer;

}

 .blog-active .slick-arrow.slick-next {

    right: 40px;

	left: auto;

}

 .blog-active .slick-arrow:hover {

	opacity: 1;

}

.bsingle__content {

	padding: 40px 30px;

	background: #FFFFFF 0% 0% no-repeat padding-box;

border-style: solid;

  border-width: 2px;

  border-color: #f5f5f5;

    position: relative;

}

.bsingle__content .admin {

    position: absolute;

    top: -35px;

    background: #fff;

    padding: 15px 25px;

    border-radius: 10px;

    right: 20px;

     border-radius: 16px;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);

    font-weight: 500;

}

.bsingle__content .admin i{

    margin-right: 10px;

    font-size: 18px;

}



.blog-details-wrap .meta-info ul {

    padding-top: 25px;

    border-top: 2px solid #f5f5f5;

    padding-bottom: 25px;

}

.blog-details-wrap .meta-info ul li {

    display: inline-block;

    font-size: 14px;

    margin-right: 15px;

    font-weight: 500;

    padding-right: 15px;

    border-right: 2px solid #f5f5f5;

}

.blog-details-wrap .meta-info ul li i {

    color: #ab3034;

    margin-right: 5px;

}

.blog-details-wrap .meta-info ul li:last-child {

    border: none;

}



.blog-deatails-box02 .meta-info ul {

    margin-top: 15px;

    padding-left: 0;

    padding-top: 40px;

}

.bsingle__content .meta-info ul li {

    display: inline-block;

    font-size: 14px;

    margin-right: 15px;

    font-weight: 500;

}

.bsingle__content .meta-info ul li:last-child{

    border: none;

}

.bsingle__content .meta-info ul li i{

    color: #ab3034;

}

.bsingle__content .meta-info ul li a {

	color: #000000;

	text-transform: capitalize;

}

.bsingle__content .meta-info ul li a i {

	margin-right: 5px;

}

.bsingle__content .meta-info ul li a:hover {

	color: #ab3034;

}

.bsingle__content .meta-info ul li i {

	margin-right: 5px;

}

.bsingle__content h2 {

	font-size: 30px;

	line-height: 1.3;

	margin-bottom: 20px;

	font-weight: 500;

}

.bsingle__content h2:hover a {

	color: #ab3034;

}

.bsingle__content p {

	margin-bottom: 25px;

}

.bsingle__content .blog__btn .btn {

	font-size: 16px;

}



.bsingle__content .blog__btn .btn:hover {

	background: #ab3034;

	color: #fff;

}

/*ZoomIn Hover Effect*/

.hover-zoomin a {

  display: block;

  position: relative;

  overflow: hidden;

}

.hover-zoomin img {

  width: 100%;

  height: auto;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.hover-zoomin:hover img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}

.details__content h2 {

	font-size: 32px;

	line-height: 1.3;

	margin-bottom: 20px;

	padding-right: 0;

}

.details__content p {

  	margin-bottom: 18px;

}

.details__content-img {

  margin: 45px 0;

}

.details__content-img img {

width: 100%;

  height: auto;

}

.details__content figure {

margin-top: 45px;

margin-bottom: 60px;

}

.details__content figure img {

  float: left;

  width: 255px;

margin-right: 30px;

}

/* Shop */

.shop-area select {

  padding: 10px;

}

.product__img {

position: relative;

}

.product__img img {

width: 100%;

}

.product:hover .product-action a {

margin: 0 5px;

opacity: 1;

visibility: visible;

}



.product-action {

position: absolute;

left: 0;

right: 0;

bottom: 30px;

}



.product-action a {

display: inline-block;

background: #ffffff;

line-height: 40px;

color: #a39fb4;

margin: 0 8px;

opacity: 0;

visibility: hidden;

border-radius: 5px;

padding: 0 20px;

}



.product-action a:hover {

background: #ab3034;

color: #ffffff;

}



.pro-cat {

margin-bottom: 15px;

display: block;

}



.pro-cat a {

color: #ab3034;

font-size: 14px;

letter-spacing: 2px;



text-transform: uppercase;

}



.pro-title {

margin-bottom: 12px;

}



.pro-title a {

font-size: 24px;

}



.pro-title a:hover {

color: #ab3034;

}



.price span {

color: #595B6B;

font-size: 14px;

display: inline-block;

margin: 0 5px;

}



.price span.old-price {

color: #b5b5b5;

text-decoration: line-through;

}



.product-showing p {

margin: 0;

border: 2px solid #eaedff;

padding: 17px 30px;

text-align: center;

line-height: 1;

display: inline-block;

text-transform: uppercase;

font-size: 12px;

letter-spacing: 2px;

font-weight: 500;

}



@media (max-width: 767px) {

.product-showing p {

  padding: 17px 15px;

}

}



.pro-filter {

position: relative;

display: inline-block;

}



@media (max-width: 767px) {

.pro-filter {

  float: left;

}

}

.img, img {

  max-width: 100%;

  transition: all 0.3s ease-out 0s;

}

.pro-filter select {

border: 2px solid #eaedff;

padding: 17px 30px;

display: inline-block;

text-transform: uppercase;

font-size: 12px;

letter-spacing: 2px;

line-height: 1;

color: #6f7172;

appearance: none;

-moz-appearance: none;

width: 145px;

font-weight: 500;

}

.pro-filter .nice-select {

-webkit-tap-highlight-color: transparent;

background-color: #fff;

border-radius: 0;

border: solid 1px #e8e8e8;

box-sizing: border-box;

clear: both;

cursor: pointer;

display: block;

float: left;

font-family: inherit;

font-size: 14px;

font-weight: normal;

height: 50px;

line-height: 48px;

outline: none;

padding-left: 18px;

padding-right: 30px;

position: relative;

text-align: left !important;

-webkit-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

white-space: nowrap;

width: auto;

}

.pro-filter::before {

content: "\f107";

right: 15px;

top: 15px;

position: absolute;

color: #758799;

font-family: "Font Awesome 5 Free";

font-weight: 600;

}



.shop-tab ul li {

margin-left: 20px;

}



@media (max-width: 767px) {

.shop-tab ul li {

  margin-left: 10px;

}

}



.shop-tab ul li a {

font-size: 14px;

font-weight: 500;

color: #6f7172;

letter-spacing: 2px;

padding: 0;

text-transform: uppercase;

position: relative;

height: 50px;

width: 50px;

border-radius: 50%;

background: #f6f6ff;

line-height: 51px;

text-align: center;

}



.shop-tab ul li a.active {

color: white;

background: #8fb569;

}



.shop-thumb-tab {

width: 160px;

float: right;

}



@media (max-width: 767px) {

.shop-thumb-tab {

  float: none;

  width: 100%;

  margin-bottom: 0;

}

}



@media (max-width: 767px) {

.shop-thumb-tab ul {

  margin: 0 -5px;

}

}



.shop-thumb-tab ul li {

margin-bottom: 20px;

}



@media (max-width: 767px) {

.shop-thumb-tab ul li {

  width: 33.33%;

  float: left;

  padding: 0 5px;

}

}



.shop-thumb-tab ul li a {

padding: 0;

}



.product-details-img {

margin-right: 180px;

overflow: hidden;

}



@media (max-width: 767px) {

.product-details-img {

  margin-left: 0;

}

}



.product-details-title p {

color: #6a667b;

font-size: 12px;

text-transform: uppercase;

font-weight: 500;

letter-spacing: 1px;

margin-bottom: 10px;

}



.product-details-title h1 {

font-size: 40px;

margin: 0;

line-height: 1.2;

letter-spacing: -2px;

margin-bottom: 15px;

}



@media (max-width: 767px) {

.product-details-title h1 {

  font-size: 36px;

}

}

.details-price span {

color: #ab3034;

font-size: 20px;

font-weight: 400;

margin-left: 0;

margin-right: 10px;

}



.details-price {

border-bottom: 2px solid #eaedff;

}



.product-cat span {

text-transform: uppercase;

font-size: 14px;

font-weight: 500;

color: #100d1c;

}



.product-cat a {

text-transform: uppercase;

font-size: 14px;

font-weight: 500;

letter-spacing: 2px;

}



.product-cat a:hover {

color: #8fb569;

}



.product-social a {

margin-right: 10px;

background: #f5f5ff;

height: 50px;

width: 50px;

line-height: 48px;

border-radius: 30px;

color: #6f7172;

display: inline-block;

text-align: center;

font-size: 14px;

}



@media (max-width: 767px) {

.product-social a {

  margin-bottom: 10px;

}

}



.product-social a:hover {

background: #8fb569;

color: #ffffff;

}



.plus-minus {

display: inline-block;

}



@media (max-width: 767px) {

.plus-minus {

  display: block;

  margin-bottom: 15px;

}

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

.plus-minus {

  display: inline-block;

  margin-bottom: 0;

}

}



.action-btn {

background: #8fb569;

padding: 20px 25px;

border: none;

margin-left: 15px;

color: #ffffff;

display: inline-block;

}



.action-btn:hover {

background: #ab3034;

color: #ffffff;

}

.product-action-list {

overflow: hidden;

}

.product-action-list a {

float: left;

}



@media (max-width: 767px) {

.product-action-list a.btn {

  padding: 23px 30px;

  margin-bottom: 7px;

}

}



@media (max-width: 767px) {

.product-action-list a.action-btn {

  margin-left: 5px;

  margin-bottom: 7px;

}

}



.cart-plus-minus input {

height: 60px;

width: 100px;

border: 0;

border: 2px solid #eaedff;

text-align: center;

-moz-appearance: none;

appearance: none;

}



.cart-plus-minus {

display: inline-block;

position: relative;

margin-right: 15px;

}



.cart-plus-minus .qtybutton {

position: absolute;

top: 15px;

left: 17px;

font-size: 20px;

color: #c4bedd;

cursor: pointer;

}



.cart-plus-minus .inc {

left: auto;

right: 17px;

}



.additional-info .table td, .additional-info .table th {

padding: .75rem 0;

vertical-align: top;

border-top: 1px solid #e4e4e4;

font-weight: 400;

}



.shop-cat a {

padding: 45px 30px;

border: 2px solid #eaedff;

display: block;

}



.shop-cat a i {

font-size: 100px;

color: #8fb569;

margin-bottom: 30px;

transition: .3s;

}



.shop-cat a h4 {

text-transform: uppercase;

font-size: 16px;

font-weight: 600;

font-family: "Poppins", sans-serif;

transition: .3s;

letter-spacing: 1px;

}



.shop-cat a:hover {

background: #8fb569;

border-color: #8fb569;

}



.shop-cat a:hover i {

color: #ffffff;

}



.shop-cat a:hover h4 {

color: #ffffff;

}



.product-list-content .price span:first-child {

margin-left: 0;

}



.bakix-details-tab ul {

border-bottom: 2px solid #e1e1e1;

}



.bakix-details-tab ul li a {

font-size: 16px;

font-weight: 500;

color: #141b22;

letter-spacing: 2px;

padding: 0;

text-transform: capitalize;

position: relative;

padding: 0 25px;

}



@media (max-width: 767px) {

.bakix-details-tab ul li a {

  padding: 0 10px;

}

}



.bakix-details-tab ul li a.active {

color: #ab3034;

}



.bakix-details-tab ul li a.active:before {

position: absolute;

bottom: -32px;

left: 0;

height: 2px;

width: 100%;

content: "";

background: #ab3034;

transition: .3s;

}



@media (max-width: 767px) {

.bakix-details-tab ul li a.active:before {

  display: none;

}

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

.bakix-details-tab ul li a.active:before {

  display: block;

}

}



/* Cart */

.table-content table {

background: #ffffff;

border-color: #eaedff;

border-radius: 0;

border-style: solid;

border-width: 1px 0 0 1px;

text-align: center;

width: 100%;

margin-bottom: 0;

}



.table-content table td.product-name {

font-size: 16px;

font-weight: 400;

text-transform: capitalize;

}



.table-content table td.product-name a:hover {

color: #ab3034;

}



.table-content table td {

border-top: medium none;

padding: 20px 10px;

vertical-align: middle;

font-size: 16px;

}



.table-content table th, .table-content table td {

border-bottom: 1px solid #eaedff;

border-right: 1px solid #eaedff;

}



.product-quantity input {

border: none;

color: #6f7172;

font-size: 14px;

font-weight: normal;

border: 0;

}



.table td, .table th {

border-top: 1px solid #eaedff;

}



.product-quantity > input {

width: 80px;

border-radius: 3px;

}



.table-content table td.product-subtotal {

font-size: 16px;

}



.table-content table td .cart-plus-minus {

float: none;

margin: 0 auto;

}



.coupon-all {

margin-top: 50px;

}



.coupon {

float: left;

}



@media (max-width: 767px) {

.coupon {

  float: none;

}

}

#coupon_code {

height: 62px;

border: 2px solid #eaedff;

padding: 0 15px;

margin-right: 10px;

}



@media (max-width: 767px) {

#coupon_code {

  margin-bottom: 15px;

}

}



.coupon2 {

float: right;

}



@media (max-width: 767px) {

.coupon2 {

  float: none;

  margin-top: 15px;

}

}



.cart-page-total {

padding-top: 50px;

}



.cart-page-total > h2 {

font-size: 25px;

margin-bottom: 20px;

text-transform: capitalize;

}



.cart-page-total > ul {

border: 1px solid #eaedff;

}



.cart-page-total > ul > li {

list-style: none;

font-size: 15px;

color: #6f7172;

padding: 10px 30px;

border-bottom: 1px solid #eaedff;

font-weight: 400;

}



.cart-page-total ul > li > span {

float: right;

}



.cart-page-total li:last-child {

border-bottom: 0;

}

td.product-thumbnail img {

width: 125px;

}



/*Checkout */

.coupon-accordion h3 {

background-color: #fff1f0;

border-top: 3px solid #ab3034;

font-size: 14px;

font-weight: 400;

margin: 0 0 25px;

padding: 1em 2em 1em 3.5em;

position: relative;

width: auto;

}



.coupon-accordion h3::before {

content: "\f07b";

left: 15px;

top: 13px;

position: absolute;

color: #6f7172;

font-family: "Font Awesome 5 Free";

font-weight: 600;

}



.coupon-accordion span {

color: #6f7172;

cursor: pointer;

transition: .3s;

}



.coupon-accordion span:hover, p.lost-password a:hover {

color: #ab3034;

}



.coupon-content {

border: 1px solid #eaedff;

display: none;

margin-bottom: 20px;

padding: 30px;

}



.coupon-info p.coupon-text {

margin-bottom: 15px;

}



.coupon-info p {

margin-bottom: 0;

}



.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {

display: block;

color: #6f7172;

}



.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {

color: red;

font-weight: 600;

}



.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {

border: 1px solid #eaedff;

height: 45px;

margin: 0 0 14px;

max-width: 100%;

padding: 0 0 0 10px;

width: 100%;

}



.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {

background: #ab3034none repeat scroll 0 0;

}



.coupon-info p.form-row input[type="checkbox"] {

position: relative;

top: 2px;

}



.form-row > label {

margin-top: 15px;

margin-left: 15px;

color: #6f7172;

}



.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {

background: #141b22 none repeat scroll 0 0;

border: medium none;

color: #fff;

display: inline-block;

float: left;

font-size: 12px;

font-weight: 600;

height: 40px;

line-height: 40px;

margin-right: 15px;

padding: 0 15px;

text-transform: uppercase;

transition: all 0.3s ease 0s;

}



p.lost-password {

margin-top: 15px;

}



p.lost-password a {

color: #6f6f6f;

}



p.checkout-coupon input[type="text"] {

height: 45px;

padding: 0 15px;

width: 100%;

border: 1px solid #eaedff;

margin-bottom: 15px;

}



.coupon-checkout-content {

display: none;

}



.checkbox-form h3 {

border-bottom: 1px solid #eaedff;

font-size: 26px;

margin: 0 0 20px;

padding-bottom: 10px;

width: 100%;

}



.country-select {

margin-bottom: 30px;

position: relative;

}



.country-select label, .checkout-form-list label {

color: #6f7172;

display: block;

margin: 0 0 5px;

}



.country-select label span.required, .checkout-form-list label span.required {

color: red;

}



.country-select select {

-moz-appearance: none;

border: 1px solid #eaedff;

height: 45px;

padding-left: 10px;

width: 100%;

color: #6f7172;

}



.country-select::before {

content: "\f107";

right: 15px;

top: 38px;

position: absolute;

color: #6f7172;

font-family: "Font Awesome 5 Free";

font-weight: 600;

}



.checkout-form-list {

margin-bottom: 30px;

}



.checkout-form-list label {

color: #6f7172;

}



.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {

background: #ffffff;

border: 1px solid #eaedff;

border-radius: 0;

height: 45px;

padding: 0 0 0 10px;

width: 100%;

}



.checkout-form-list input[type="text"]::-moz-placeholder,

.checkout-form-list input[type="password"]::-moz-placeholder,

.checkout-form-list input[type="email"]::-moz-placeholder {

color: #6f7172;

opacity: 1;

}



.checkout-form-list input[type="text"]::placeholder,

.checkout-form-list input[type="password"]::placeholder,

.checkout-form-list input[type="email"]::placeholder {

color: #6f7172;

opacity: 1;

}



.checkout-form-list input[type="checkbox"] {

display: inline-block;

margin-right: 10px;

position: relative;

top: 1px;

}



.create-acc label {

color: #6f7172;

display: inline-block;

}



.create-account {

display: none;

}



.ship-different-title h3 label {

display: inline-block;

margin-right: 20px;

color: #6f7172;

}



.order-notes textarea {

border: 1px solid #eaedff;

height: 90px;

padding: 15px;

width: 100%;

}



.order-notes textarea::-moz-placeholder {

color: #6f7172;

opacity: 1;

}



.order-notes textarea::placeholder {

color: #6f7172;

opacity: 1;

}



#ship-box-info {

display: none;

}



.panel-group .panel {

border-radius: 0;

}



.panel-default > .panel-heading {

border-radius: 0;

}



.your-order {

padding: 30px 40px 45px;

border: 3px solid #eaedff;

}



@media (max-width: 767px) {

.your-order {

  padding: 15px;

}

}



.your-order h3 {

border-bottom: 1px solid #eaedff;

font-size: 30px;

margin: 0 0 20px;

padding-bottom: 10px;

width: 100%;

}



.your-order-table table {

background: none;

border: 0;

width: 100%;

}



.your-order-table table th, .your-order-table table td {

border-bottom: 1px solid #eaedff;

border-right: medium none;

color: #6f7172;

font-size: 14px;

padding: 15px 0;

text-align: left;

}



@media (max-width: 767px) {

.your-order-table table th, .your-order-table table td {

  padding-right: 10px;

}

}



.your-order-table table th {

border-top: medium none;

color: #6f7172;

font-weight: normal;

text-align: left;

vertical-align: middle;

white-space: nowrap;

width: 250px;

}



.panel-body > p {

color: #222;

}



.your-order-table table .shipping ul li input {

position: relative;

top: 2px;

}



.your-order-table table .shipping ul li label {

color: #6f7172;

}



.your-order-table table .shipping th {

vertical-align: top;

}



.your-order-table table .order-total th {

border-bottom: 0;

font-size: 14px;

}



.your-order-table table .order-total td {

border-bottom: medium none;

}



.your-order-table table tr.cart_item:hover {

background: #F9F9F9;

}



.your-order-table table tr.order-total td span {

color: #ab3034;

font-size: 18px;

font-weight: 500;

}



.payment-method {

margin-top: 40px;

}



.panel-title > a {

display: block;

}



.order-button-payment input {

background: #232323 none repeat scroll 0 0;

border: medium none;

color: #fff;

font-size: 15px;

font-weight: 600;

height: 40px;

margin: 0px 0 0;

padding: 0;

text-transform: uppercase;

transition: all 0.3s ease 0s;

width: 100%;

}



.order-button-payment input:hover {

background: #FE4536 none repeat scroll 0 0;

}



.payment-method .btn-link {

-moz-user-select: none;

background: no-repeat;

border: medium none;

border-radius: 0;

color: #444;

cursor: pointer;

display: inline-block;

font-size: 14px;

font-weight: 500;

letter-spacing: 1px;

line-height: 1;

margin-bottom: 0;

padding: 3px 10px;

text-align: center;

text-transform: uppercase;

transition: all 0.3s ease 0s;

vertical-align: middle;

white-space: nowrap;

text-decoration: none;

}



.payment-method .card {

background-color: #ffffff;

border: 1px solid #eaedff;

border-radius: 0;

margin-bottom: 10px;

}



.payment-method .accordion .card:first-of-type {

border: 1px solid #eaedff;

}



.card-header:first-child {

border-radius: 0;

}



.payment-method .card-header {

background-color: #ffffff;

border-bottom: 1px solid #eaedff;

}



.order-button-payment button {

width: 100%;

}

.country-select .nice-select {

-webkit-tap-highlight-color: transparent;

background-color: #fff;

border-radius: 0;

border: solid 1px #eaedff;

box-sizing: border-box;

clear: both;

cursor: pointer;

display: block;

float: left;

font-family: inherit;

font-size: 14px;

font-weight: normal;

height: 45px;

line-height: 45px;

outline: none;

padding-left: 18px;

padding-right: 30px;

position: relative;

text-align: left !important;

-webkit-transition: all 0.2s ease-in-out;

transition: all 0.2s ease-in-out;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

white-space: nowrap;

width: 100%;

margin-bottom: 19px;

}

/* 11. team */

.team-area .single-team {

  margin-left: 0;

  margin-right: 0;

}

.single-team {

  border-radius: 2px;

  background-color: #fff;

  padding: 30px;

}



.team-area .container{

    z-index: 1;

    position: relative;

}

.team-active .slick-dots{

    text-align: center;

    display: none;

}

.team-active .slick-dots li {

    display: inline-block;

    margin: 0 5px;

}

.team-active .slick-dots .slick-active button {

  width: 10px;

  background-color: #ab3034;

}

.team-active .slick-dots li button {

text-indent: -99999px;

padding: 0;

margin-left: 10px;

z-index: 1;

cursor: pointer;

transition: .3s;

background-color: #cccccc;

height: 10px;

width: 10px;

border-radius: 2px;

border: none;

    

}

 .team-active .slick-dots li.slick-active button {

}

.team-active .slick-dots li.slick-active button::before {

    opacity: 1;

}

.team-active .slick-dots li button::before {

    content: "";

    width: 19px;

    height: 19px;

    float: left;

    position: relative;

    margin-top: -9px;

    left: -19px;

    border-radius: 50%;

    opacity: .7;

    background-repeat: no-repeat;

    background-position: center;

}



.team-thumb{

    text-align: center;

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

}

.team-thumb img{

display: inline-block !important;

width: 150px;

height: 150px;

border-radius: 50%;

}

.team-thumb .dropdown {

  position: absolute;

bottom: 0;

right: 15px;

}

.team-thumb .dropdown .xbtn {

width: 50px;

height: 50px;

background: #ab3034 0% 0% no-repeat padding-box;

display: inline-block;

font-size: 18px;

line-height: 48px;

font-family: 'Titillium Web', sans-serif;

color: #fff;

cursor: pointer;

border-radius: 50%;

position: relative;

}

.team-thumb .dropdown .xbtn::before {

  width: 40px;

  height: 40px;

  content: "";

  position: absolute;

  border: 2px dashed #ffffff5c;

  border-radius: 50%;

  left: 5px;

  top: 5px;

}

.team-social {

text-align: center;

transition: all 0.3s ease 0s;

width: 100%;

margin-top: 10px;



}

.team-social li{

    display: inline;

    margin:0 3px;

}

.team-thumb .dropdown-menu {

    background: none;

    border: none;

    padding: 0;

    transform:translate3d(0px, -107px, 0px) !important;

}



.team-thumb .social {

    position: absolute;

    top: 0;

}



.team-info {

padding: 30px 0px 0;

transition: .3s;

position: relative;

text-align: center;

}



.team-info .text {

    padding-left: 30px;

    border-left: 5px solid #ab3034;

}



.team-info h4 {

	font-size: 24px;

	margin-bottom: 5px;

	transition: .3s;

}

.team-info span {

	font-size: 16px;

	transition: .3s;

    color: #ab3034;

    font-weight: 600;

}

.team-info p{

    margin-bottom: 0;

    color: #ab3034;

}

.team-social a {

color: #777;

display: inline-block;

text-align: center;

border-radius: 50%;

font-size: 16px;

position: relative;

z-index: 999;

margin: 5px 0;

width: 40px;

height: 40px;

background: #fff;

line-height: 40px;

border: 1px solid #ebebeb;

}

.team-social a:hover{

    background: #ab3034;

    color: #fff;

    border: 1px solid #ab3034;

}

.single-team:hover .team-thumb .brd::before,.single-team:hover .team-thumb .brd::after{

    color: #ab3034;

}



.single-team:hover .team-info{

   border-color: #ab3034;

}

.team-t h2 {

	top: 50px;

}

.single-team:hover .team-info h4{

    color: #ab3034;

}

.slick-slide {

    outline: none;

}



.team-active{

    position: relative;

}

.team-active .slick-arrow {

position: absolute;

top: 40%;

left: -60px;

border: none;

background: none;

padding: 0;

font-size: 20px;

color: #fff;

z-index: 9;

cursor: pointer;

transition: .3s;

background: #ab3034;

width: 50px;

height: 50px;

border-radius:4px;

}

.team-active .slick-arrow:hover{

    background: #125875;

}

.team-active .slick-next {

    left: inherit;

    right: -60px;

}

.team-area-content{

    padding: 120px 0;

}



.team-info h4 a:hover{

      color: #ab3034;

}

.team-area-content span {

    margin-bottom: 10px;

    color: #ab3034;

    font-size: 18px;

    display: inline-block;

    font-weight: 500;

    position: relative;

}

.team-area-content span::before {

    content: "";

    width: 50px;

    height: 1px;

    background: #ab3034;

    position: relative;

    display: inline-block;

    top: -5px;

    margin-right: 15px;

}

.team-area-content ul{

    margin-top: 30px;

    margin-bottom: 50px;

}

.team-area-content li{

    display: flex;

    margin-top: 15px;

}

.team-area-content li .icon i{

    margin-right: 10px;

    color: #ab3034;

    width: 20px;

}

.team-area-content li .icon strong{

     color: #125875;

}

.team-area-content li .icon{

    margin-right: 10px;

    width: 35%;

}

.team-area-content .social a {

font-size: 12px;

color: #fff;

margin: 0 5px;

display: inline-block;

width: 40px;

height: 40px;

text-align: center;

border-radius: 50%;

line-height: 40px;

box-shadow: 3px 4px 15px #00000026;

}

.team-area-content .social a:nth-child(1) {

    background: #345aa8;

}

.team-area-content .social a:nth-child(2) {

    background: #00ACED;

}

.team-area-content .social a:nth-child(3) {

    background: #0057FF;

}

.team-area-content .social a:nth-child(4) {

    background: #CD201F;

}

.per-info {

  background: #f5f5f5;

  padding: 30px;

  display: flex;

    border-radius: 4px;

    margin-bottom: 30px;

    margin-top: 30px;

}

.per-info .info-text {

  width: 100%;

}

.per-info .info-text p{

    margin-bottom: 0;

    font-size: 16px;

}

.per-info .info-text p i{

    color: #ab3034;

    margin-right: 10px;

}

.team-img-box img {

  width: 100%;

    border-style: solid;

  border-width: 7px;

  border-color: rgb(255, 255, 255);

     box-shadow: 5px 8.66px 58px 0px rgba(0, 0, 0, 0.08);

}



.s-about-content h2{

    font-size: 40px;

    margin-bottom: 20px;

}

.s-about-content h3{

    font-size: 30px;

    margin-bottom: 20px;

}

.s-about-content .footer-social a{

    background: #125875;

}

.per-info ul {

  margin-bottom: 0;

}



.brand-anim-01{

  position: absolute;

  left: -40px;

  top: -60px;

}

.brand-anim-02{

position: absolute;

right: -36px;

top: 40px;

}



.team-area2 .single-team {

 padding: 0;

background: #f7f9ff;

}



.team-area2 .team-thumb img{

    height: auto;

    width: auto;

    border-radius: 0;

}

.team-area2 .team-info{

    padding-bottom: 30px;

}

.conterdown {

  background: #5d870d;

    padding: 50px 0;

    border-radius: 4px;

    margin: 30px 0;

}

.conterdown .timer {

  display: flex;

}

.conterdown .timer-outer {

  width: 100%;

  text-align: center;

}

.conterdown  .smalltext {

  color: #75b4ce;

}

.conterdown span{

  font-size: 50px;

  font-family: 'Jost', sans-serif;

  color: #fff;

font-weight: 600;

}

.footer-social span {

	font-size: 14px;

	color: #fff;

	font-weight: 500;

	font-family: 'Playfair Display', serif;

	display: inline-block;

	margin-right: 20px;

}

.footer-social a {

font-size: 16px;

display: inline-block;

margin-right: 10px;

width: 40px;

height: 40px;

 border-radius: 50%;

background-color: #ab3034 !important;

text-align: center;

line-height: 40px;

color: #fff !important;

}

.footer-social a:hover{    

  background: #5d870d !important;

    color: #fff !important;

}

/* Fillter css */



.portfolio .col2 .grid-item {

  width: 49%;

padding:15px;

}

.portfolio .col3 .grid-item {

  width: 33.33%;

  margin: 0;

  padding: 15px;

}

.portfolio .col3 .grid-item .box{

  position: relative;

  overflow: hidden;

}

.portfolio .col3 .grid-item .box a::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: #b68c5a;

  opacity: 0;

  transition: .3s;

}

.portfolio .col3 .grid-item .box a::before {

  content: "\e035";

  font-family: "dripicons-v2" !important;

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-50%,-50%);

  font-size: 24px;

  color: #fff;

  transition: .3s;

  opacity: 0;

  z-index: 9;

}

.portfolio .col3 .grid-item .box a:hover::before {

  top: 50%;

  opacity: 1;

}

.portfolio .col3 .grid-item .box a:hover::after {

  opacity: .6;

}

.portfolio .col3 .grid-item .box20 img {

  width: auto;

  height: 380px;

  border-radius: 0px;

  max-width: inherit;

  margin-left: -150px;

}

.portfolio .col4 .grid-item {

  width: 25%;

  margin: 0;

  padding: 0;

}

.gallery-image {

overflow: hidden;

position: relative;

  margin: 0;

}

.gallery-image figcaption {

width: 100%;

padding: 0 35px 30px 60px;

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

color: #ff7350;

font-size: 16px;

font-weight: 500;

  position: absolute;

   bottom:-150px;

  z-index: 2;

  text-align: left;

}

.gallery-image::before {

  content: "\e035";

  font-family: "dripicons-v2" !important;

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-50%,-50%);

  font-size: 24px;

  color: #fff;

  transition: .3s;

  opacity: 0;

  z-index: 9;

  background: #125875;

  height: 50px;

  width: 50px;

  text-align: center;

  line-height: 50px;

}

.gallery-image:hover::before {

  top: 50%;

  opacity: 1;

}

.gallery-image::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: #ff7350;

  opacity: 0;

  transition: .3s;

}



.gallery-image:hover::after {



  opacity: .85;



}

.masonry-gallery-huge {

  margin: auto;

padding-right:1.85%;

padding-left: 1.85%;

}

.grid-item{

  margin: 15px;

}

.gallery-image:hover figcaption {

 opacity: 1;	

  bottom:30px;



}

.gallery-image figcaption h4{

  font-weight: 600;

  font-size: 36px;

  color: #fff;

}

.gallery-image figcaption .span{

  color: #b68c5a;

  font-size: 14px;

   position: relative;

  padding-left: 40px;

  display: inline-block;

  margin-bottom: 0;

}

.gallery-image figcaption .span::before {

  content: "";

  width: 30px;

  position: absolute;

  height: 2px;

  background: #b68c5a;

  top: 50%;

  left: 0;

}

.gallery-image figcaption .span p{

  margin-bottom: 0;

}

.gallery-image figcaption .icon {

  position: absolute;

  right: 0;

  background: #3763eb;

  width: 45px;

  height: 45px;

  line-height: 45px;

  top: 0;

  color: #fff;

  text-align: center;

  font-size: 40px;

}

.gallery-image img{

  width: 100%;

   margin-bottom: 0;
   height: 180px !important;

}

/* Style the active button */

.breadcrumb-wrap .btn.active {

  background-color: #ab3034;

  color: white;

}



/* Style inactive buttons */

.breadcrumb-wrap .btn {

  background-color: white;

  color: #ab3034;

  border-color: 1px solid rgba(0, 0, 0, 0.1);

}



/* Style on hover */

.breadcrumb-wrap .btn:hover {

  background-color: #ab3034;

  color: white;

}

/* 19. contact */

.contact-bg02 {

padding: 80px 50px;

}

.contact-bg02 h2{

   font-size: 35px;

   padding-bottom: 20px;

}

.contact-bg02 .card{

 padding: 15px;

 height: 160px;

 text-align: center;

}

.contact-bg02 .card svg{

  width: 40px;

  height: 40px;

  margin-bottom: 10px;

}



.onetime-popup .close {position: absolute;width: 45px; height: 45px; border-radius: 50%;

background:#D40800;position: absolute;display: inline-flex;align-items: center;justify-content: center;

color: #fff; font-size: 18px;top: -10px;right:-10px;outline: none; border: 2px solid #fff;}


.single-item-carousel .slick-arrow {content:"";display: block;border:none;box-shadow: 5px 4px 8px 6px rgba(0, 0, 0, 0.05);width:45px;height:45px;border-radius:4px;background:#0a8b4e;color:#fff;font-size:28px;position:absolute;left: 20px;z-index:2;top: 50%;transform: inherit; transform:translateY(-50%);
           font-weight: normal;        }
 
.single-item-carousel .slick-next {left: inherit;right: 20px; background-color: #bc080c}
.single-item-carousel .slick-arrow i { font-weight: normal; }
.single-item-carousel .slick-next i {position: relative;left: 2px;}
@media only screen and (min-width: 768px) {
.project-detail .upper-box .image img  { height: 550px;
object-fit: contain; }
}