@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); body {
    padding: 0;
    margin: 0;
    font-family: 'Nunito', sans-serif;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

a:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

/* Header CSS Start */
.header-section {background: #35415b;padding: 8px 0 6px 0px;}
.header-section .header-widget ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.header-section .header-widget ul li {font-size: 15px;padding-right: 30px;margin-right: 15px;color: #ffffff;float: left;}
.header-section .header-widget ul li::before {position: absolute;content: '';background: #ffffff;width: 4px;height: 23px;right: 0;top: 0px;}
.header-section .header-widget ul li i {margin-right: 5px;font-size: 18px;top: 1px;position: relative;}
.header-section .header-widget ul li a {color: #ffffff; font-weight:500;}
.header-section .header-widget ul :nth-child(2)::before {display: none;}
.header-section .header-social ul {padding-left: 0;margin-bottom: 0;}
.header-section .header-social ul li{ text-decoration:none; list-style:none; float: right;}
.header-section .header-social ul li a i {color: #056839;background: #ffffff;width: 25px;height: 25px;border-radius:5px;display: inline-block;text-align: center;line-height: 28px;margin-left: 5px;position: relative;z-index: 0;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i::after {position: absolute;content: '';width: 0;height: 0;background: #249846;top: 0;left: 0;border-radius: 5px;z-index: -1;-webkit-transition: .5s;transition: .5s;}
.header-section .header-social ul li a i:hover::after {width: 100%;height: 100%;}
.header-section .header-social ul li a i:hover {color: #ffffff;}
/* Header CSS End */


/* Welcome part CSS Start */
.wel-part{padding:30px 0px;}
.text-caption{padding:3px 0px; clear:both;position: relative;}
.text-caption span{margin:3px 0px;font-size:20px;color: #363435;letter-spacing: 1.96px;text-transform: uppercase;display: inline-block;position: relative;z-index: 1;padding-right:50px;}
.text-caption span::before {position: absolute;content: '';z-index: -1;right: 0;top: 50%;transform: translate(0,-50%);height: 3px;width: 45px;background-color: #363435;}
.text-caption h1 {font-size: 35px;font-weight:800;color: #35415b;letter-spacing: 2px;text-transform: uppercase;margin: 5px 0px 8px;}
.text-caption h1:after {content: "";position: absolute;left:0px;bottom:0px;height: 4px;width:200px;background: #363435;}
.page-text{clear:both; position:relative; padding:10px 0px;}
.page-text p {font-size: 16px;color: #000;letter-spacing: 0.5px;text-align: justify;margin: 10px 0px 0px;line-height: 27px;}
.img-part{ padding:3px 0px;}
.img-part img{ width:100%; height:auto;}
.button-box{background-color: #35415b;color:#fff;padding: 0 0 0 20px;font-size: 17px;line-height: 28px;text-transform:uppercase;display:inline-block;border: 1px solid #000;font-weight:600;text-decoration:none;border-radius: 0px;box-shadow: inset 0px 0px 0px 3px #fff;}
.button-box i{background-color: #ffffff;padding: 8px 8px 7px 8px;margin: 6px 6px 6px 15px;padding-left: 10px;font-size:18px;border-radius: 0 0px 0px 0;color: #000;text-decoration:none;width: 35px;height: 35px;font-weight: 700;}
/* Welcome part CSS End */


/* PRODUCT part CSS Start */
.product-part { background-color: #031730; background-image: url(../images/product-bg.png); background-repeat: no-repeat; background-position: top; padding: 50px 0px; background-size: cover; /* border-top: 5px solid #fe0000; */}
.choose-text{ padding:5px 0px;}
.choose-text h2 {color: #fff;text-align: center;font-size: 35px;margin: 5px 0px 5px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 800;}
.decor-1{width: 100%;text-align: center;margin: 0px auto;}
.decor-1:after {position: relative;top: 0px;display: inline-block;width:200px;padding-right: 10px;padding-left: 10px;border-bottom: 3px solid #ffffff;content: '';}
.rs-courses .cource-item .cource-img {position: relative;margin-bottom: 22px;}
.rs-courses .cource-item .cource-img img {width: 100%;transition: all 0.3s ease 0s;}
.rs-courses-2 {padding:0px;}
.rs-courses-2 .cource-item {margin: 132px 10px 0px;border-radius: 15px;background-color: #f0f0f0;}
.rs-courses-2 .cource-item .cource-img {position: absolute;text-align: center;width: 100%;/* position: relative; *//* overflow: hidden; *//* border-radius: 18px 18px 0px 0px; */}
.rs-courses-2 .cource-item .cource-img img {-webkit-transition: all .3s ease;transition: all .3s ease;width: 50%;margin: 0 auto 20px;border: 2px solid #f0f0f0;border-radius: 128px;margin-top: -120px;padding: 6px;background-color: #fff;/* box-shadow: inset #000 5px 5px 8px 4px; */}
.rs-courses-2 .cource-item .cource-img .course-value {position: absolute;bottom: -25px;right: 25px;height: 50px;width: 50px;line-height: 50px;text-align: center;background-color: #ff3115;color: #ffffff;font-size: 13px;font-weight: 500;border-radius: 50%;}
.rs-courses-2 .cource-item .course-body {padding: 122px 0px 0px 0px;transition: all 0.5s ease 0s;text-align: center;border-radius: 21px;}
.rs-courses-2 .cource-item .course-body .course-category {display: inline-block;}
.rs-courses-2 .cource-item .course-body .course-title {font-size: 18px;margin: 8px 0px 8px;}
.rs-courses-2 .cource-item .course-body .course-title a {text-transform:uppercase;color: #35415b;transition: all 0.35s ease 0s;text-decoration: none;font-size: 20px;font-weight:600;line-height: 20px;}
.rs-courses-2 .cource-item .course-body .course-title a:hover {color: rgba(33, 33, 33, 0.6);}
.rs-courses-2 .cource-item .course-body .course-desc {padding: 0px 20px 8px;}
.rs-courses-2 .cource-item .course-body .course-desc p {margin-bottom:0px;margin: 0px 13px 10px;color: #555;line-height: 30px;letter-spacing: .3px;font-size: 16px;transition: all 0.35s ease 0s;line-height: 27px;}
.rs-courses-2 .cource-item .cource-btn {background-color: #000000;width: 40%;display: inline-block;margin-top: 0px;padding: 7px 15px;line-height: 29px;font-size: 18px;text-transform: uppercase;color: #ffffff;font-weight: 700;transition: all 0.3s ease 0s;border-radius: 17px 17px 0px 0px;text-decoration: none;}
.rs-courses-2 .cource-item:hover .course-body .course-title a {color: #404040;}
.rs-courses-2 .cource-item:hover .course-body p {color: #878787;}
.rs-courses-2 .cource-item:hover .cource-btn {background-color: #313d59;color: #ffffff;text-decoration:none;}
.rs-courses-2 .view-more {bottom: auto;}
.rs-courses-2 .row.grid {min-height: 500px !important;}
.md-top{ margin-top:20px;}
.owl-controls .owl-nav > div {position: absolute;top: 65%;width: 45px;height: 45px;line-height: 33px;text-align: center;background-color: #ff0000;color: #fff;transform: translateY(-50%);font-size: 16px;border-radius: 50%;opacity:1;border: 4px solid #ffffff;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.owl-controls .owl-nav > div:hover {background-color: #404040;border-color: #ffffff;}
.owl-controls .owl-nav .owl-prev {left: -25px;}
.owl-controls .owl-nav .owl-next {right: -25px;}
.rs-carousel:hover .owl-controls .owl-nav > div {opacity: 1;}
.owl-carousel .owl-stage-outer{margin:0px 0px;}
#owl-demo2 .item img {width: 100%;padding: 4px 5px 4px 5px;background-color: #efefef; border-radius: 0px; border: 1px solid #01a7e1;}

/* product part CSS eND */

/* vision mission part CSS start */
.services-box-bg{padding:50px 0;background-image:url(../images/mvg-back.jpg);background-repeat:no-repeat;background-color:#fff;background-size:cover;}
.service-block-two .inner-box{position:relative;border-radius:6px;overflow:hidden;box-shadow:0px 10px 15px rgba(0,0,0,0.10);}
.service-block-two .inner-box .image{position:relative;}
.service-block-two .inner-box .image img{position:relative;width:100%;display:block;}
.service-block-two .inner-box .overlay-box{position:absolute;left:0px;bottom:0px;right: 30px;z-index:1;padding-left: 87px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.service-block-two .inner-box:hover .overlay-box{bottom:-120px;}
.service-block-two .inner-box .overlay-box .icon{position:absolute;left:0px;top:0px;width: 80px;height: 74px;line-height: 67px;text-align:center;font-size: 35px;color:#fff;background-color: #35415b;}
.service-block-two .inner-box .overlay-box .content{position:relative;padding: 20px;background-color: #fffffff7;}
.service-block-two .inner-box .overlay-box h5{font-size: 20px;margin: 0px;line-height: 30px;font-weight: 800;text-transform: uppercase;}
.service-block-two .inner-box .overlay-box .title{position:relative;display:block;font-size:15px;margin-top:5px;}
.service-block-two .inner-box:hover .overlay-box-two{-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;}
.service-block-two .inner-box .overlay-box-two{position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:1;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease,-webkit-transform 0.4s ease;-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}
.service-block-two .inner-box .overlay-box-two:before{position:absolute;content:'';left:0px;top:0px;right:30px;bottom:0px;opacity: 0.95;background-color:#fff;}
.service-block-two .inner-box .overlay-box-two .icon-two{position:absolute;right:0px;top:0px;width: 80px;height: 75px;line-height: 75px;text-align: center;font-size: 35px;color:#fff;background-color: #35415b;}
.service-block-two .inner-box .overlay-box-two .icon-two:after{position:absolute;content:'';right:0px;bottom: -18px;border-top: 18px solid #35415bba;border-right: 30px solid transparent;}
.service-block-two .inner-box .overlay-box-two .overlay-inner{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: table;vertical-align: middle;padding: 10px 55px 10px 30px;}
.service-block-two .inner-box .overlay-box-two .overlay-inner .overlay-content{position: relative;display: table-cell;vertical-align: middle;}
.service-block-two .inner-box .overlay-box-two h5{line-height: 25px;font-size: 22px;margin: 13px 0px 0px;font-weight: 900;text-transform:   uppercase;}
.service-block-two .inner-box .overlay-box-two .text{margin-top: 10px;margin-bottom: 5px;line-height: 30px;padding: 5px 0px 5px;color: #555;letter-spacing: .2px;font-size: 17px;}
/* vision mission part CSS eND */


/* ctg_certificate start */
.ctg_downnload {text-align: center;}
.ctg_downnload img {width: 40%;height: auto;}
.ctg_downnload h3 {text-align: center;border-bottom: 2px solid #fff;display: inline-block;color: #fff;}
.ctg_downnload p {font-size: 16px;line-height: 27px;text-align: center;color: #fff;}
.video-part{padding: 50px 0px 50px;background-color: #334058;background-image:url(../images/catlog-bg.png);background-position:top center;background-repeat:no-repeat;}
.img-post{ text-align:center;}
.box-pages{margin: 50px 0px;}
.img-post img{width: 95%;height:auto;border: 2px solid #ffffff;border-radius: 10px;padding: 3px;}
/* ctg_certificate end */





/* why chooose us start */
.why-part-choose{padding: 50px 0px; background-color: #efefef85;}

.why-choose-part-text p {font-size: 17px;line-height: 27px;font-weight: 400;color: #555;text-align: justify;letter-spacing: 0.3px;margin: 4px 0px 10px 0px;}



.why-choose-text p{font-size: 16px;line-height: 28px;font-weight: 400;color: #808080;margin: 7px 0px 7px;}
.why-box{box-shadow: 1px 3px 8px 0 #5454543d;background:#fff;padding: 25px 15px 25px 124px;margin: 10px 0px;border-radius:10px;position:relative;-webkit-transition: .9s;transition: .9s;}
.why-box .icon-1{position:absolute;left: 15px;margin: 0px 0px;width: 90px;height: 90px;border: 4px solid #3f6333;color: #22486d;transition:.5s;line-height: 80px;text-align: center;background-color: #ff7a00;font-size: 37px;border-radius: 50%;box-shadow: inset 0px 0px 0px 4px #ffffff;}
.why-box .icon-1 i::before{font-size:25px}
.icon-1 img {display: block;width: auto !important;height: auto;padding: 10px;margin: 0;text-align: center;margin: 0 auto;}


.why-box h4{margin: 0px 0 1px;font-size: 21px;color: #000182;font-weight: 600;line-height: 27px;text-transform: uppercase;letter-spacing: 0.3px;}
.why-box .content p{margin: 5px 0px 0px;font-size: 17px;line-height: 30px;color: #555;letter-spacing: 0.3px;/* text-align: justify; */}
.why-box .content p a{color:#828893}
.why-box .content p a:focus,.why-box .content p a:hover{color:#828893}
.why-box:focus .icon-1,.why-box:hover .icon-1{background: #3f6333;color:#fff;border-color: #eb7000;transform: scale(1);opacity: 1; transition:.9s;}
.package ul{padding-left:5px;margin-bottom:0;}
.package ul li{background-image:url(../images/arrow-now.png);background-repeat:no-repeat;background-position:0 14px;padding-left: 28px;list-style:none;text-align:left;padding-top:5px;padding-bottom:5px;font-size:17px;line-height: 27px;color: #000;}
.package ul li a{color:#fff;text-decoration:none;letter-spacing:.2px;}
.package ul li a:hover{color:#fcc;text-decoration:none;transition:0.5s;}



.why-image img{margin: 10px 0px;border-radius: 20px;width: 100%;}

/* why chooose us End */
.page-texts {font-size: 16px; line-height: 27px; letter-spacing: 0.5px; text-align: justify;}
.page-img img {width: 100%;height: auto;border: 1px solid #2f3c57;}
.page_bg {background-color: #36425b42;padding: 25px 0px;}
.page-img h5 {font-size: 17px;margin: 0px;background-color: #35415b;padding: 8px 0px 8px 0px;text-align: center;color: #fff;}
.page-img h5 a {color: #fff; text-decoration: none;}
.page_top {margin-top: 20px;}
/*----Enquiry----part----*/
.readmore2 {padding: 13px 45px;background-color: #d72629;text-transform: uppercase;color: #fff;border: none;border-bottom: 3px solid #2b3245;position: relative;text-align: center;font-size: 15px;border-radius: 13px;letter-spacing: 1px;margin: 5px 5px;}
.readmore2:hover {color: #fff;background-color: #2b3245;text-decoration: none;transition: .5s;border-bottom: 3px solid #2c5c46;}

.input-group {
    margin: 15px 0;
    width: 100%;
}

.img-box img {
    width: 100%;
    height: auto;
    padding: 3px;
    border: 1px solid #CCC;
}

.input-group .form-control:last-child, .input-group-addon:last-child {
    font-size: 16px !important;
    line-height: 30px;
    border-radius: 5px;
    font-weight: 300;
}

.Submit-box {
    background: #dd001e;
    color: #fff;
    padding: 10px 39px;
    font-size: 18px;
    border-radius: 5px;
    border: #ffdead00;
    margin: 0px 3px
}

/*-- Contact start CSS --*/
.contact-text-info h3 {
    font-size: 18px;
    font-weight: 600;
    color: #dd001e;
    line-height: 21px;
    margin: 0px 0px 0px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.contact-text-info a {
    color: #000;
    text-decoration: none;
}

.contact-text-info a:hover {
    color: #012a67;
    text-decoration: none;
    transition: 0.5s;
}

.contact-detail span {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
}

.contact-detail {
    padding-top: 25px;
}

.contact-detail p {
    padding-top: 0px;
}

.contact-text-info {
    position: relative;
    padding-left: 0px;
    list-style: none;
    text-decoration: none;
    margin-bottom: 0px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.contact-text-info:before {
    content: ' ';
    background: #012a67;
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 5px;
    height: 100%;
    z-index: 1;
}

.contact-text-info li {
    padding-left: 36px;
    position: relative;
    color: #000;
    line-height: 30px;
    font-weight: 300;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 9px;
}

.contact-text-info>li:before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #dd001e;
    left: 0;
    width: 22px;
    height: 22px;
    z-index: 1;
}

.contact-text-info li p {
    margin-bottom: 0;
    line-height: 24px;
}

.contact-text-info>li::after {
    content: ' ';
    background: #012a67;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    top: 15px;
    left: 6px;
    width: 10px;
    height: 10px;
    z-index: 2;
}
.form-control {
    /* border: 1px solid #000000 !important; */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: #000000 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}



/*-- page title start CSS --*/
.bg-1 {
    background: url(../images/background-img.jpg);
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: 0;
}
.bg-overlay-black:before {
    background-image: linear-gradient(0deg, #00132e, #0e0e0e30);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.inner-intro {
    display: block;
    padding: 50px 0px;
}
.inner-intro .container {
    display: table;
    height: 100%;
    position: relative;
}
.inner-intro span {
    text-transform: capitalize;
}
.intro-title {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 0px;
}   
.inner-intro h1 {
    text-transform: uppercase;
    margin: 0px;
    color: #f6c867;
    font-size: 29px;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
}   
ul.page-breadcrumb li span {
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    text-transform: capitalize;
}

ul.page-breadcrumb {
    margin: 0px;
    padding-left: 0px;
    padding: 10px 0px;
}

ul.page-breadcrumb li {
    color: #fff;
    display: inline-block;
    list-style: none;
}

ul.page-breadcrumb li i {
    font-size: 17px;
    padding: 0 5px;
    color: #ffffff;
}

ul.page-breadcrumb li a {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    text-transform: capitalize;
}

ul.page-breadcrumb li a:hover {
    color: #ffb8c1;
    transition: 0.5s;
}


.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 45px;
    background-color: #dd001e;
    height: 50px;
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}

.carousel-caption {
    position: absolute;
    right: 5% !important;
    bottom: 80px;
    left: 0;
    left: 0% !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    text-align: right;
}


.footer-part {
    background-color: #031730;
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    padding: 50px 0px;
    background-size: cover;
    /* border-top: 5px solid #fe0000; */
}

.footer-text h3 {
    font-size: 22px;
    color: #ffffff;
    line-height: 27px;
    margin: 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.footer-decor-3 {
    width: 100%;
    margin: 0px auto 0px;
}

.footer-decor-3:after {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 50px;
    border-bottom: 4px solid #ffffff;
    margin-bottom: 0px;
    content: '';
}

.footer-img {
    text-align: center;
}

.footer-img img {
    width: 95%;
    height: auto;
    background-color: #fff;
    padding: 7px 7px 7px;
    border-radius: 10px;
    border: 2px solid #ffffff;
    box-shadow: inset 0px 0px 4px 0px #0000007d;
}

.footer-text {
    padding: 3px 0px;
}

.footer-text p {
    color: #FFFFFE;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.3px;
    font-weight: 300;
    margin: 15px 3px 15px;
}

.footer-information ul {
    padding-left: 0px;
    margin-bottom: 0;
    padding-right: 4px;
}

.footer-information ul li {
    background-image: url(../images/arrow-now-1.png);
    background-repeat: no-repeat;
    background-position: 0px 19px;
    padding-left: 29px;
    list-style: none;
    text-align: left;
    font-weight: 300;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px dotted #d7d7d7;
}

.footer-information ul li a {
    color: #ffffff;
    text-decoration: none;
}

.footer-information ul li a:hover {
    color: #ffffffc2;
    text-decoration: none;
    transition: 0.5s;
}

.w3l-footer.three ul {
    padding-left: 0px;
    margin: 0;
}

.w3l-footer.three ul li {
    margin-bottom: 8px;
    margin-top: 8px;
    display: block;
}

.w3l-footer.three ul li i {
    font-size: 18px;
    color: #ffffff;
    position: relative;
    line-height: 40px;
    float: left;
    height: 50px;
    border-radius: 50%;
    margin: 5px 6px;
    text-align: center;
    width: 50px;
    background-color: #35415b;
    border: 4px solid #ffffff;
}

.w3l-footer.three ul li p {
    list-style-type: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    float: left;
    width: 80%;
    font-weight: 300;
    margin-left: 6px;
    text-align: left;
    margin: 0px 4px 4px 4px;
}

.w3l-footer.three ul li span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}

.w3l-footer.three a {
    color: #fff;
    text-decoration: none;
}

.w3l-footer.three a:hover {
    color: #ffffff;
    transition: 0.3s;
}

.social-midia {
    padding: 10px 0px 10px;
    text-align: center;
}

.social-midia img {
    margin: 0px 1px;
    width: auto;
    border-radius: 100px;
    height: auto;
    border: 1px solid #1c672d;

    padding: 2px;
}

.social-icon {
    position: relative;
    padding-left: 0px;
    padding-top: 7px;
    padding-bottom: 0px;
    margin: 0px
}

.social-icon li {
    display: inline-block;
    margin: 0 2px;
}

.social-icon li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #35415b;
    line-height: 27px;
    text-align: center;
    transition: .5s;
    color: #ffffff;
    font-size: 15px;
    border: 3px solid #ffffff;
}

.social-icon li a:hover {
    background: #012a67;
    color: #fff;
    border-color: #ffffff;
}

.power-by-bg {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #35415b;
}

.power-by p {
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
}

.power-by p a {
    color: #fff;
    font-weight: 600;
}

.power-by p a:hover {
    color: #fcbf26;
    transition: .5s;
}