/*********************************** Start Of Common Css ***********************************/
@font-face{font-family:Oswald-Regular;src:url(../fonts/Oswald-Regular.ttf);}
body{font-family:'Roboto',sans-serif;font-size:16px;color:#ffffff;line-height:1.5;background:#1B1410;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;color:#ffffff;font-weight:700;margin:0px;padding:0px;}
h1{font-size:60px;line-height:1.1;}
h2{font-size:50px;line-height:1.1;}
h3{font-size:40px;line-height:1.1;}
h4{font-size:30px;line-height:1.1;}
h5{font-size:20px;line-height:1.1;}
h6{font-size:18px;line-height:1.1;}
p{font-family:'Roboto',sans-serif;font-size:16px;color:#ffffff;line-height:1.5;margin:0px;}
p+p{margin:20px 0px 0px 0px;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
img{max-width:100%;height:auto;outline:none;}
a{color:#ffffff;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#F8822E;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}
input,select,textarea{font-size:16px;color:#6B6C70;width:100%;height:60px;background:#ffffff;padding:0px 30px;border:none;border-radius:60px;}
textarea{padding:15px 30px;height:100px;border-radius:10px;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}
::-webkit-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
::-ms-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
.page-content{overflow:hidden;}
.container-sub{padding:0% 10%;}
.container-full{padding:0% 5%;}
.container-swiper{width:100%;}
.extra-small{font-size:14px;}
.small-size{font-size:18px;}
.medium-size{font-size:20px;}
.large-size{font-size:22px;}
.extra-large-size{font-size:25px;}
.extra-extra-large-size{font-size:28px;}
.sub-title{font-size:26px;}
.title-info{font-size:18px;}
.title-xxl{font-size:80px;}
.title-xl{font-size:70px;}
.title-lg{font-size:60px;}
.title-md{font-size:50px;}
.title-sm{font-size:40px;}
.title-xs{font-size:30px;}
.title-separator{position:relative;}
.title-separator:after{content:"";background:#f1f1f1;width:50px;height:2px;display:inline-block;vertical-align:middle;margin-left:15px;}
.title-box{padding-bottom:35px;}
.grey-color{color:#DBDBDB;}
.grey-bg{background:#DBDBDB;}
.grey-light-color{color:#2F2C2A;}
.grey-light-bg{background:#2F2C2A;}
.grey-dark-color{color:#1B1410;}
.grey-dark-bg{background:#1B1410;}
.white-color{color:#ffffff;}
.white-bg{background:#ffffff;}
.black-color{color:#000000;}
.black-bg{background:#000000;}
.primary-color{color:#F8822E;}
.primary-bg{background:#F8822E;}
.secondary-color{color:#23D3DD;}
.secondary-bg{background:#23D3DD;}
.button{font-family:'Roboto',sans-serif;font-size:20px;font-weight:500;text-align:center;padding:15px 50px;border:none;outline:none;display:inline-block;overflow:hidden;position:relative;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button-border{border:1px solid;}
.button-radius{border-radius:60px;}
.button:after{background:#fff;content:"";height:155px;left:-75px;opacity:.5;position:absolute;top:-50px;width:50px;z-index:1;transition:all .55s cubic-bezier(.19,1,.22,1);-webkit-transition:all .55s cubic-bezier(.19,1,.22,1);-moz-transition:all .55s cubic-bezier(.19,1,.22,1);-ms-transition:all .55s cubic-bezier(.19,1,.22,1);-o-transition:all .55s cubic-bezier(.19,1,.22,1);transform:rotate(35deg);-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg);}
.button:active,.button:hover,.button:focus{background:#23D3DD;color:#ffffff;border-color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button:active:after,.button:hover:after,.button:focus:after{left:120%;transition:all .55s cubic-bezier(.19,1,.22,1);}
.button-box{padding-top:30px;}
.link{border-bottom:1px solid;}
.empty-space{padding:100px 0px;}
.empty-space-top{padding-top:100px;}
.empty-space-bottom{padding-bottom:100px;}
.form-box{padding-bottom:20px;}

/*********************************** End Of Common Class Css ***********************************/

/*********************************** Start Of Preloader Loader Css ***********************************/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#1B1410;z-index:9999;display:flex;justify-content:center;align-items:center;}
#status{background:url(../images/Preloader.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:150px;height:50px;animation:fadeIn 1s infinite alternate;}
@keyframes fadeIn{
    from{opacity:0;}
}

/*********************************** End Of Preloader Loader Css ***********************************/

/*********************************** Start Of Back To Top Css ***********************************/
.back-to-top a{font-size:14px;color:#ffffff;text-align:center;cursor:pointer;width:40px;height:40px;line-height:36px;background:#1B1410;border:2px solid #ffffff;position:fixed;bottom:20px;right:20px;display:none;}
.back-to-top a:hover{background:#F8822E;color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*********************************** End Of Back To Top Css ***********************************/

/*********************************** Start Of Bounce Top Bottom Css ***********************************/
.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-10px);}
    60%{transform:translateY(-10px);}
}

/*********************************** End Of Bounce Top Bottom Css ***********************************/

/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.fixed-header{position:fixed;left:0px;right:0px;top:0px;z-index:111;box-shadow:0px 0px 20px #00000040;animation:smoothScroll 1s forwards;}
@keyframes smoothScroll{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0px);}
}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/

/*********************************** Start Of Slick Slides Css ***********************************/
.slick-arrow{font-size:0px;border:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1;padding:0px;margin:0px;width:50px;height:50px;background:#ffffff;border-radius:5px;}
.slick-prev:before{content:"\F12F";font-family:bootstrap-icons!important;font-size:25px;}
.slick-next:before{content:"\F138";font-family:bootstrap-icons!important;font-size:25px;}
.slick-next{right:0px;}
.slick-prev{left:0px;}
.slick-dots{text-align:center;}
.slick-dots li{display:inline-block;margin:0px 5px;}
.slick-dots li button{width:10px;height:10px;font-size:0px;background:#F8822E;border:none;border-radius:100%;margin:0px;padding:0px;}
.slick-dots li.slick-active button{background:#23D3DD;}

/*********************************** End Of Slick Slides Css ***********************************/

/*********************************** Start Of Contact Form Error Message Css ***********************************/
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{color:#D8000C;background-color:#FFBABA;border:0;padding:10px;}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok{color:#4F8A10;background-color:#DFF2BF;border:0;padding:10px;}
.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before{font-family:FontAwesome;font-size:26px;margin-right:16px;vertical-align:middle;}
.wpcf7-mail-sent-ok:before{content:'\f00c';}
.wpcf7-validation-errors:before{content:'\f057';}
.wpcf7-not-valid-tip:before{content:"\F63C";font-family:bootstrap-icons;font-size:14px;width:25px;height:25px;background:#ffb100;display:inline-block;text-align:center;line-height:26px;margin-right:10px;border-radius:3px;}
.wpcf7-not-valid-tip:after{width:20px;height:20px;background:#ffffff;position:absolute;content:'';top:-10px;left:15px;box-shadow:-2px -2px 2px 0px #d6d3d3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.wpcf7-not-valid-tip{position:absolute;color:#000!important;font-size:14px!important;width:230px!important;border:2px solid #fff!important;z-index:99;border-radius:4px;background:#fff!important;padding:10px!important;left:10px;line-height:38px;box-shadow:0px 0px 4px 0px #a0a0a0;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{display:none!important;}

/*********************************** End Of Contact Form Error Message Css ***********************************/

/********************************* Start Of Banner Css***************************************/

.banner-info svg text{font-size:40px;font-weight:bold;animation:stroke 5s infinite alternate;stroke-width:1;stroke:#ffffff;}
@keyframes stroke{
    0%{fill:#1B1410;stroke:#ffffff;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:1;}
    70%{fill:#1B1410;stroke:#ffffff;}
    80%{fill:#1B1410;stroke:#ffffff;stroke-width:1;}
    100%{fill:#ffffff;stroke:#ffffff;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0;}
}

/********************************* End Of Banner Css***************************************/

/********************************* Start Of Fixed Call Button Css***************************************/
.fixed-call-button{position:fixed;top:50%;right:0px;display:flex;align-items:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.fixed-call-button a{padding:30px 10px;font-size:22px;text-align:center;border-radius:15px 0px 0px 15px;display:block;writing-mode:vertical-rl;text-orientation:sideways-right;}
.fixed-call-button i{font-size:14px;width:42px;height:42px;line-height:42px;border:1px solid #ffffff;border-radius:100px;margin-bottom:15px;animation:buttonicon 1s linear infinite;display:inline-block;vertical-align:middle;}
@keyframes buttonicon{
    0%{transform:rotate(-30deg);transform:scale(1)}
    60%{transform:rotate(30deg)}
}
.fixed-call-button a:hover{color:#ffffff;background:#23D3DD;}

/********************************* End Of Fixed Call Button Css***************************************/

/********************************* Start Of Header Css***************************************/
.header{padding:15px 0px;background:#1B1410;}
.header-right{display:flex;align-items:center;justify-content:end;}
.header-menu ul li{display:inline-block;vertical-align:middle;margin:0px 30px;}
.header-menu ul li a{color:#ffffff;display:block;padding:10px 0px;position:relative;}
.header-menu ul li a:after{content:"";width:0%;height:2px;background:#F8822E;display:block;margin-top:3px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;position:absolute;left:0px;right:0px;bottom:0px;}
.header-menu ul li a:hover{color:#F8822E;}
.header-menu ul .active a{color:#F8822E;}
.header-menu ul li a:hover:after{width:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu ul .active a:after{width:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu{text-align:right;padding-right:30px;}
.header-button .button{font-size:16px;font-weight:500;border-radius:5px;padding:10px 30px;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/
.hero-info h1 span{line-height:1.1;display:inline-block;position:relative;}
.hero-info h1 span:after{content:"";width:10px;height:100%;background:#3c3c3c;position:absolute;right:-20px;top:0px;bottom:0px;border-radius:60px;}
.counter-bg{border-radius:100px;}
.counter-box{padding:20px 0px;}
.counter-box h3{font-weight:900;}
.counter-bg .counter-box{padding:40px 0px;}
.process-box{text-align:center;}
.process-col{position:relative;}
.process-image{width:125px;height:125px;line-height:125px;border-radius:100%;margin:auto;}
.process-image img{width:50px;height:50px;object-fit:contain;display:inline-block;vertical-align:middle;}
.process-info{padding-top:15px;}
.process-info h4{margin-bottom:15px;}
.process-col:nth-child(1) .process-image{background:#F8822E;}
.process-col:nth-child(2) .process-image{background:#FFCB14;}
.process-col:nth-child(3) .process-image{background:#11E4CA;}
.process-col:nth-child(4) .process-image{background:#23D3DD;}
.process-col:after{content:"";width:50%;height:2px;position:absolute;top:22%;right:-25%;border-bottom:2px solid #F8822E;}
.process-col:before{content:"";border-top:2px solid #F8822E;border-right:2px solid #F8822E;width:16px;height:16px;position:absolute;top:19.58%;left:70%;transform:rotate(40deg);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);animation:moveleft 5s linear infinite;}
.process-col:last-child:after{display:none;}
.process-col:last-child:before{display:none;}
.process-col:nth-child(2):after{border-color:#2EE983;}
.process-col:nth-child(2):before{border-color:#2EE983;}
.process-col:nth-child(3):after{border-color:#B6F735;}
.process-col:nth-child(3):before{border-color:#B6F735;}
@keyframes moveleft{
    0%{left:70%;}
    20%{left:80%;}
    40%{left:90%;}
    60%{left:100%;}
    80%{left:110%;}
    100%{left:120%;}
}
.services-box{border-radius:15px;background:#2F2C2A;box-shadow:0px 6.494px 24.353px 0px rgba(0,0,0,0.10);padding:40px;margin:15px 0px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.services-image{width:100px;height:100px;line-height:100px;border-radius:100%;text-align:center;position:relative;}
.services-image img{width:40px;height:40px;object-fit:contain;display:inline-block;vertical-align:middle;}
.services-image:after{content:"";width:100%;height:100%;position:absolute;top:5px;bottom:0px;right:-5px;display:block;border:1px dashed #ffffff;border-radius:100%;animation:spin 10s linear infinite;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
@keyframes spin{
    100%{transform:rotateZ(360deg);}
}
.services-info{padding-top:25px;}
.services-info h4{margin-bottom:15px;}
.services-col:nth-child(1) .services-image{background:#F8822E;}
.services-col:nth-child(2) .services-image{background:#FF50A4;}
.services-col:nth-child(3) .services-image{background:#BD69FF;}
.services-col:nth-child(4) .services-image{background:#26B6BE;}
.services-col:nth-child(5) .services-image{background:#569AFF;}
.services-col:nth-child(6) .services-image{background:#39CAF8;}
.services-box:hover{background:#044aa7;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.services-box:hover .services-image:after{top:0px;right:0px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.call-to-action-bg{background:url(../images/Call-To-Action-Bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.technology-tab-menu ul{width:100%;border-bottom:2px solid #ffffff;}
.technology-tab-menu ul li a{font-size:18px;color:#ffffff;font-weight:500;padding:15px 30px;text-align:center;display:block;border-bottom:2px solid transparent;margin-bottom:-2px;}
.technology-tab-menu ul li .active{color:#F8822E;border-color:#F8822E;}
.technology-slider{margin-top:50px;}
.technology-box{text-align:center;margin-top:50px;}
.technology-image{border-radius:30px;background:#1B1410;box-shadow:0px 5.079px 19.048px 0px rgba(0,0,0,0.03);width:120px;height:120px;line-height:120px;margin:0px auto;}
.technology-image img{width:50px;height:50px;object-fit:contain;display:inline-block;vertical-align:middle;}
.technology-info{padding-top:15px;}
.technology-col:nth-child(1){animation:float 1s ease-in-out infinite;}
.technology-col:nth-child(2){animation:float 2s ease-in-out infinite;}
.technology-col:nth-child(3){animation:float 3s ease-in-out infinite;}
.technology-col:nth-child(4){animation:float 4s ease-in-out infinite;}
.technology-col:nth-child(5){animation:float 5s ease-in-out infinite;}
.technology-col:nth-child(6){animation:float 6s ease-in-out infinite;}
.technology-col:nth-child(7){animation:float 7s ease-in-out infinite;}
.technology-col:nth-child(8){animation:float 8s ease-in-out infinite;}
@keyframes float{
    0%{transform:translatey(0px);}
    50%{transform:translatey(-20px);}
    100%{transform:translatey(0px);}
}
.involed-industries-box{border-radius:12px;background:#2F2C2A;box-shadow:0px 4.836px 18.135px 0px rgba(0,0,0,0.03);text-align:center;padding:30px;margin:15px 0px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.involed-industries-image img{width:80px;height:80px;object-fit:contain;display:inline-block;vertical-align:middle;}
.involed-industries-info{padding-top:15px;}
.involed-industries-box:hover{background:#044aa7;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.work-box{background:#2F2C2A;padding:30px;margin:0px 15px;}
.work-image img{width:100%;height:500px;object-fit:contain;}
.testimonial-col{padding:0px 15px;}
.testimonial-box{border-radius:40px;background:#1B1410;margin-top:50px;padding:0px 50px 50px 50px;}
.testimonial-top{position:relative;top:-50px;}
.testimonial-image img{width:100px;height:100px;object-fit:cover;border-radius:100%;margin-left:auto;}
.testimonial-name{padding-top:15px;}
.testimonial-name h4{font-size:20px;color:#ffffff;text-align:right;}
.testimonial-info{position:relative;padding-left:30px;}
.testimonial-info p{color:#ffffff;}
.testimonial-info p:after{content:"\F6B0";font-family:bootstrap-icons!important;font-size:40px;color:#b9b9b9;position:absolute;bottom:-25px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.testimonial-info p:before{content:"\F6B0";font-family:bootstrap-icons!important;font-size:40px;color:#b9b9b9;position:absolute;top:-25px;left:-10px;}
.testimonial-slider .slick-next{top:-90px;background:#F8822E;color:#fff;}
.testimonial-slider .slick-prev{left:auto;right:60px;top:-90px;}
.contact-us-bg{margin-top:150px;}
.contact-us-info{padding-top:50px;}
.contact-us-detail ul li{display:flex;margin:30px 0px;}
.contact-us-detail ul li i{font-size:24px;color:#2F2C2A;text-align:center;line-height:50px;width:50px;height:50px;background:#F8822E;border-radius:100%;display:block;margin-right:15px;animation:buttonicon 1s linear infinite;}
.contact-us-detail ul li strong{font-size:22px;display:block;}
.contact-us-form-box{border-radius:28px;border:3px solid #F8822E;background:#1B1410;padding:30px;margin-top:-60px;}


/********************************* End Of Home Pages Css***************************************/

/********************************* Start Of Footer Css***************************************/

.footer-top{padding:50px 0px;}
.footer-info{text-align:center;}
.footer-logo{padding-bottom:20px;}
.footer-social-media ul li{display:inline-block;vertical-align:middle;margin:0px 5px;}
.footer-social-media ul li a{font-size:20px;color:#F9F9F9D6;}
.footer-social-media ul li a:hover{color:#F8822E;}
.footer-bottom{background:#2F2C2A;padding:15px 0px;}
.copyright-info{text-align:center;}

/********************************* End Of Footer Css***************************************/

/********************************* Start Of About Us Pages Css***************************************/
.values-info h4{line-height:1.5;margin-top:-25px;margin-bottom:15px;background:#2F2C2A;position:relative;}

/********************************* End Of About Us Pages Css***************************************/

/********************************* Start Of Portfolio Pages Css***************************************/
.portfolio-box{margin:15px 0px;}
.portfolio-image{padding:30px;overflow:hidden;}
.portfolio-image img{width:100%;height:400px;object-fit:contain;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.portfolio-box:hover .portfolio-image img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.portfolio-info{display:flex;align-items:center;justify-content:space-between;padding:15px;}
.portfolio-info h4{width:calc(100% - 150px);}
.portfolio-info ul li{display:inline-block;vertical-align:middle;}
.portfolio-info ul li + li{margin-left:15px;}
.portfolio-info ul li a{font-size:25px;text-align:center;line-height:60px;width:60px;height:60px;background:#4A4542;display:block;border-radius:60px;}
.portfolio-info ul li a:hover{color:#ffffff;background:#F8822E;}
ul.page-numbers{text-align:center;}
ul.page-numbers li{display:inline-block;vertical-align:middle;}
ul.page-numbers li a{line-height:50px;width:50px;height:50px;border:1px solid #ffffff;display:block;}
ul.page-numbers li span{line-height:50px;width:50px;height:50px;border:1px solid #F8822E;background:#F8822E;display:block;}
ul.page-numbers li .prev{width:110px;}
ul.page-numbers li .next{width:110px;}
ul.page-numbers li a:hover{color:#ffffff;border-color:#F8822E;background:#F8822E;}

/********************************* End Of Portfolio Pages Css***************************************/