body{font-family: "Roboto", sans-serif; font-size: 14px; background: #ffffff;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/svg/icomoon.eot?7vfwjk');
  src:  url('../fonts/svg/icomoon.eot?7vfwjk#iefix') format('embedded-opentype'),
    url('../fonts/svg/icomoon.ttf?7vfwjk') format('truetype'),
    url('../fonts/svg/icomoon.woff?7vfwjk') format('woff'),
    url('../fonts/svg/icomoon.svg?7vfwjk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.icon-error:before {
  content: "\e92c";
}
.icon-placeholder:before {
  content: "\e924";
}
.icon-calendar:before {
  content: "\e925";
}
.icon-envelope:before {
  content: "\e901";
}
.icon-phone:before {
  content: "\e903";
}
.icon-pin:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}
.icon-arrow-left-p:before {
  content: "\e91b";
}
.icon-arrow-right-p:before {
  content: "\e91a";
}
.icon-minus:before {
  content: "\e90a";
}
.icon-plus1:before {
  content: "\e90b";
}
.icon-email:before {
  content: "\e90c";
}
.icon-mobile1:before {
  content: "\e931";
}
.icon-chevron-right:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-menu1:before {
  content: "\e915";
}
.icon-segment:before {
  content: "\e916";
}
.icon-align-left:before {
  content: "\e917";
}
.icon-align-right:before {
  content: "\e918";
}
.icon-clearclose:before {
  content: "\e928";
}
.icon-done:before {
  content: "\e929";
}
.icon-done_all:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e921";
}
.icon-menu11:before {
  content: "\e919";
}
.icon-arrow-thin-down:before {
  content: "\e91c";
}
.icon-arrow-thin-up:before {
  content: "\e91d";
}
.icon-arrow-thin-left:before {
  content: "\e91e";
}
.icon-arrow-thin-right:before {
  content: "\e91f";
}
.icon-responsive:before {
  content: "\e900";
}
.icon-code:before {
  content: "\e906";
}
.icon-delivery:before {
  content: "\e902";
}
.icon-research:before {
  content: "\e907";
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
:focus{outline: none !important;}
button:focus{outline: none !important}
.circleeffect{position: relative; overflow: hidden}
.circleeffect:before{content: ""; width: 124px; height: 124px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; display: none;}
.circleeffect:hover:before{-webkit-animation: circleIn .4s linear; animation: circleIn .4s linear; display: block; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards}

.maincontainer{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1560px;}
.maincontainer:after{display: table; content: ""; clear: both;}
.maincontainer:before{display: table; content: ""; clear: both;}
.headercontainer{padding: 0px 0px; z-index: 99; position: absolute; left: 0px; top: 0px; right: 0px;}

.theme-btn,.default-btn{position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); font-size: 16px; line-height: 26px; color: #ffffff; padding: 14px 42px; font-weight: 400; overflow: hidden; border-radius: 5px; border: 1px solid transparent; cursor: pointer; letter-spacing: 0.5px; text-decoration: none; z-index: 3; transition: 0.3s ease-in-out;}
.theme-btn i,.default-btn i{margin-left: 10px; font-size: 14px;}
.theme-btn::before,.default-btn::before{content: ""; position: absolute; height: 600px; width: 630px; top: 50%; left: 50%; background: #fff; border-radius: 50%; transform: translateX(-30%) translateY(-40%) scale(0); -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: -1}
.theme-btn:hover,.default-btn:hover{color: #fff;}
.theme-btn:hover::before,.default-btn:hover::before{transform: translateX(-50%) translateY(-50%) scale(1);}
.theme-btn:focus,.default-btn:focus{color: #fff;}
.theme-btn::before{background: #fff;}
.theme-btn:hover{color: #3b38eb;}
.theme-btn:hover::before{background: #fff;}
.default-btn{background: transparent; color: #fff; border: 1px solid #fff; padding: 14px 42px}
.default-btn:hover{border: 1px solid #3b38eb;}
.default-btn::before{background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%);}
.default-btn:focus{color: #fff;}

.headercontainer .btmheader{padding: 0px 0px; background: rgba(1, 5, 15, 0.06); backdrop-filter: blur(7.5px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); -webkit-transition: all 0.7s ease-in-out; transition: all 0.8s ease-in-out;}
.headercontainer .btmheaderinner{padding: 0px 0px; }
.headercontainer .btmheader.sticky{position: fixed; top: 0 !important; left: 0; padding: 0px; background: #090931; z-index: 999; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.headercontainer .headtoprow{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px;}
.headercontainer .headtoprow .logocontainer{position: relative; padding: 15px 0px 15px 0px; width: 100%; max-width: 240px; background: #6600d3;  -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .headtoprow .logocontainer:before{content: ""; position: absolute; right: 100%; top: 0px; bottom: 0px; background: #6600d3; width: 999em;}
.headercontainer .headtoprow .logocontainer:after{content: ""; position: absolute; left: 100%; margin-left: -1px; top: 0px; bottom: 0px; background: #6600d3; width: 30px; -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 67%, 25% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0, 100% 67%, 25% 100%, 0% 100%);}
.headercontainer .btmheader.sticky .logocontainer{max-width: 200px; filter: drop-shadow(0px 0px 5px rgba(50, 50, 0, 0.2));}
.headercontainer .headtoprow .navigationcolumn{padding: 0px 0px; -ms-flex-item-align: center; align-self: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .btmheader.sticky .headtoprow .navigationcolumn{padding: 0px;}
.headercontainer .logocontainer img{position: relative; z-index: 1; max-height: 100%; max-width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer a{color: #ffffff; display: block; padding: 0px; text-decoration: none;}
.headercontainer .logocontainer a span{color: #012346;}

.headercontainer .phonenumber{margin-left: 15px; display: flex; flex-wrap: wrap; gap: 10px; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none; font-size: 15px; -ms-flex-item-align: center; align-self: center;}
.headercontainer .phonenumber i{background: #3b38eb; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; font-size: 20px; -webkit-border-radius: 7px; border-radius: 7px;}
.headercontainer .phonenumber span{padding-right: 0px; padding-top: 3px; line-height: 100%;}

.headercontainer .searchbtn{display: flex; flex-wrap: wrap; -ms-flex-align: center; align-items: center; background: none; width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; justify-content: center; text-decoration: none; font-size: 20px; -ms-flex-item-align: center; align-self: center; -webkit-border-radius: 50%; border-radius: 50%;}

.headercontainer .navigation{float: right;}
.headercontainer .navigation .navigationbox{float: left;}
.headercontainer .navigation .sf-menu{margin: 0px; padding: 0px; float: none; display: inline-block; text-align: center; vertical-align: middle;}
.headercontainer .navigation .sf-menu > li{list-style: none; display: inline-block; float: none;}
.headercontainer .navigation .sf-menu > li > a{color: #fff; text-decoration: none; padding: 20px 17px; display: block; font-size: 15px; text-transform: capitalize; letter-spacing: 1px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headercontainer .navigation .sf-menu > li.parent > a{padding-right: 23px;}
.headercontainer .navigation .sf-menu > li > a:hover{color: #fff; background: transparent;}
.headercontainer .navigation .sf-menu > li.active > a{color: #fff; background: transparent;}
.headercontainer .btmheader.sticky .navigation .sf-menu > li > a{color: #fff;}
.headercontainer .navigation .sf-menu > li:last-child > ul{left: auto; right: 0px;}
.headercontainer .navigation ul li.parent:after{font-family: 'icomoon'; content: "\e90b"; position: absolute; right: 10px; top: 50%; color: #fff; margin-top: -6px; font-size: 9px;}
.headercontainer .navigation ul li.parent:hover:after{color: #ffffff;}
/* dropdown menu css start */
.headercontainer .navigation ul li ul li{width: 100%;}
.headercontainer .navigation ul li ul li a{width: 100%; font-size: 13px;}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; top: 100%; left: 0px; z-index: 999; padding: 0px; margin: 0px; }
.sf-menu > li {float: left;}
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/* DEMO SKIN */
.sf-menu{float: left;}
.sf-menu li ul li a{background: 0 0; color: #4B9095; text-align: left; padding: 14px 20px;}
.sf-menu li ul li + li{border-top: 1px solid #161669;}
.sf-menu li ul li a:hover{background: #000; color: #ffffff; }
.sf-menu a{padding: 7px 20px; text-decoration: none; zoom: 1; }
.sf-menu a{color: #13a; }
.sf-menu li{-webkit-transition: background .2s; transition: background .2s; }
.sf-menu li:hover, .sf-menu li.sfHover {-webkit-transition: none; transition: none; }
.headercontainer .navigation .sf-menu>li>a:hover{color: #090931; background: 0 0;}
.headercontainer .navigation .sf-menu>li:hover a{background: #090931; color: #ffffff;}
.headercontainer .navigation .sf-menu>li ul li:hover a{background: none !important; color: #303030;}
.headercontainer .navigation .sf-menu>li:hover ul li a{color: #ffffff;}
.headercontainer .navigation .sf-menu>li ul li a{background: none !important; color: #ffffff; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.headercontainer .navigation .sf-menu>li ul li a:hover{background: #3b38eb !important; color: #ffffff;}
.headercontainer .navigation .sf-menu>li ul li a{background: none; font-size: 15px; text-transform: capitalize;}
.sf-arrows .sf-with-ul { padding-right: 30px !important; }
.sf-arrows .sf-with-ul:after { content: '\f107'; position: absolute; font-family: 'FontAwesome'; right: 20px; height: 0; width: 0; }
.sf-arrows > li > .sf-with-ul { padding-right: 30px !important; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { }
.sf-arrows ul .sf-with-ul:after { content: '\f105'; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { }

.searchbody{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;padding-left:20px;padding-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-110%);transform:translateY(-110%);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:visibility 400ms ease 400ms,-webkit-transform 400ms ease 400ms;transition:visibility 400ms ease 400ms,-webkit-transform 400ms ease 400ms;transition:transform 400ms ease 400ms,visibility 400ms ease 400ms;transition:transform 400ms ease 400ms,visibility 400ms ease 400ms,-webkit-transform 400ms ease 400ms;visibility:hidden}
.searchbody.active{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);visibility:visible;-webkit-transition:visibility 400ms ease 0ms,-webkit-transform 400ms ease 0ms;transition:visibility 400ms ease 0ms,-webkit-transform 400ms ease 0ms;transition:transform 400ms ease 0ms,visibility 400ms ease 0ms;transition:transform 400ms ease 0ms,visibility 400ms ease 0ms,-webkit-transform 400ms ease 0ms}
.searchbody .searchoverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#6600d3 0%,#3b38eb 100%);opacity:.9;cursor:pointer}
.searchbody .form-group{width:100%;max-width:560px;opacity:0;visibility:hidden;-webkit-transform:translateY(-130%);transform:translateY(-130%);-webkit-transition:opacity 400ms ease 0ms,visibility 400ms ease 0ms,-webkit-transform 400ms ease 0ms;transition:opacity 400ms ease 0ms,visibility 400ms ease 0ms,-webkit-transform 400ms ease 0ms;transition:opacity 400ms ease 0ms,visibility 400ms ease 0ms,transform 400ms ease 0ms;transition:opacity 400ms ease 0ms,visibility 400ms ease 0ms,transform 400ms ease 0ms,-webkit-transform 400ms ease 0ms}
.searchbody .form-group .form-control{box-shadow:none;outline:none;border:1px solid #f1f3f8;background:#f1f3f8;font-size:16px;line-height:24px;color:#0d1525;padding:10px 20px;height:56px;border-radius:0}
.searchbody .form-group .btn{width:56px;height:56px;background:#15ebae;color:#000;border-radius:0}
.searchbody.active .form-group{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 400ms ease 400ms,visibility 400ms ease 400ms,-webkit-transform 400ms ease 400ms;transition:opacity 400ms ease 400ms,visibility 400ms ease 400ms,-webkit-transform 400ms ease 400ms;transition:opacity 400ms ease 400ms,visibility 400ms ease 400ms,transform 400ms ease 400ms;transition:opacity 400ms ease 400ms,visibility 400ms ease 400ms,transform 400ms ease 400ms,-webkit-transform 400ms ease 400ms}

.bannercontainer{padding: 0px; position: relative;}
.bannercaption{position: absolute; left: 0px; right: 0px; top: 50%; padding: 0px 30px; z-index: 2; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bannercaption .captioninner{position: relative;}
.bannercaption .captioninner h1{font-family: "Work Sans", sans-serif; margin-top: 0px; margin-bottom: 30px; font-size: 60px; line-height: 68px; font-weight: 700; color: #ffffff;}
.bannercaption .captioninner p{color: #ffffff; font-size: 17px; font-weight: 400; margin: 0px 0px 40px 0px; text-shadow: 0 5px 10px rgb(0, 0, 0, 0.50); display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.imageHolder:before{position: absolute; content: ""; z-index: 2; background-color: rgba(0,0,0,0.45); top: 0; left: 0; bottom: 0; width: 100%; height: 100%;}
.bannercontainer > img{width: 100%; max-height: 100%;}
.bannercontainer .owl-carousel .owldotsouter{position: absolute; left: 15px; right: 15px; bottom: 40px; z-index: 2; text-align: left;}
.bannercontainer .owl-carousel .item{position: relative; overflow: hidden;}
.bannercontainer .owl-carousel .item:after{content: ""; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: radial-gradient(rgba(21, 21, 51, 0.74), rgba(7, 2, 15, 0.42)); z-index: 1;}
.bannercontainer .owl-carousel .item img{-webkit-filter: brightness(.5); filter: brightness(.5);}
.bannercontainer .owl-dots{position: relative; text-align: left; padding: 0px 0px;}
.bannercontainer .owl-dots .owl-dot{display: inline-block; margin: 4px 4px 4px 4px; position: relative; z-index: 1;}
.bannercontainer .owl-dots .owl-dot span{margin: 0px 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-dots .owl-dot span{width: 12px; height: 12px; opacity: 0.7; cursor: pointer; position: relative; background: #ffffff;}
.bannercontainer .owl-dots .owl-dot span:hover{background: #fff; opacity: 1;}
.bannercontainer .owl-dots .owl-dot.active span{background: #fff; opacity: 1; width: 22px;}
.bannercontainer .bannercontentcontainer{position: absolute; z-index: 2; left: 0px; right: 0px; text-align: left; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.bannercontainer .bannercontentcontainer .hebox{display: block; text-align: left; padding-left: 0px; max-width: 600px;}
.bannercontainer .bannercontentcontainer h1{color: #ffffff; font-size: 45px; margin: 0px 0px 15px 0px; font-weight: 700; line-height: 100%;}
.bannercontainer .bannercontentcontainer p{color: #ffffff; font-size: 16px; margin: 0px 0px 10px 0px; font-weight: 300; padding-right: 200px;}

.bannercontainer.bannerinner .bannercaption{bottom: 30px; top: auto; -webkit-transform: none; transform: none;}
.bannercontainer.bannerinner .bannercaption .captioninner h1{font-size: 50px; line-height: 60px; margin: 0px 0px 10px 0px;}
.bannercontainer.bannerinner .bannercaption .captioninner h1 span{color: #3b38eb;}
.bannercontainer.bannerinner .bannercaption .captioninner p{font-size: 18px; margin: 0px 0px 20px 0px;}
.bannercontainer.bannerinner{position: relative;}
.bannercontainer.bannerinner img{width: 100%; max-height: 100%;}
.bannercontainer.bannerinner:after{content: ""; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: radial-gradient(rgba(21, 21, 51, 0.75), rgba(7, 2, 15, 0.60)); z-index: 1;}
.bannercontainer.bannerinner .bannercaption .theme-btn,
.bannercontainer.bannerinner .bannercaption .default-btn{padding: 10px 15px; min-width: 120px;}


.bannercontainer .owl-carousel .owl-nav{position: absolute; left: 5px; right: 5px; top: 50%; margin: 0px; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bannercontainer .owl-carousel .owl-nav .owl-prev{background: #000; margin: 0px !important; font-size: 0.8rem; width: 30px; height: 30px; line-height: 32px; padding-right: 3px !important; float: left; color: #ffffff; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: -20px 14px 15.3px 2.7px rgba(0, 0, 0, 0.35); box-shadow: -20px 14px 15.3px 2.7px rgba(0, 0, 0, 0.35); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-carousel .owl-nav .owl-prev:hover{background: #022346;}
.bannercontainer .owl-carousel .owl-nav .owl-next{background: #000; margin: 0px !important; font-size: 0.8rem; width: 30px; height: 30px; line-height: 32px; padding-left: 3px !important; float: right; color: #ffffff; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: -20px 14px 15.3px 2.7px rgba(0, 0, 0, 0.35); box-shadow: -20px 14px 15.3px 2.7px rgba(0, 0, 0, 0.35); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bannercontainer .owl-carousel .owl-nav .owl-next:hover{background: #022346;}

.bannercontainer .owl-carousel .active .bannercaption .captioninner h1{-webkit-animation: 1s .6s fadeInDown both;animation: 1s .6s fadeInDown both;}
.bannercontainer .owl-carousel .active .bannercaption .captioninner p{-webkit-animation: 1s .9s fadeInDown both;animation: 1s .9s fadeInDown both;}
.bannercontainer .owl-carousel .active .bannercaption .captioninner .theme-btn{-webkit-animation: 1s .8s fadeInUp both;animation: 1s .8s fadeInUp both;}
.bannercontainer .owl-carousel .active .bannercaption .captioninner .default-btn{-webkit-animation: 2s .2s fadeInUp both;animation: 2s .2s fadeInUp both;}

.section-heading{margin-top: 0px; margin-bottom: 60px;}
.section-heading h2{font-family: "Work Sans", sans-serif; font-size: 44px; line-height: 58px; letter-spacing: 0.3px; font-weight: 700; position: relative; color: #232323; margin-top: 0px; margin-bottom: 15px;}
.section-heading h2 span{color: #3b38eb;}
.section-heading .sub-heading{font-family: "Work Sans", sans-serif; font-size: 18px; line-height: 28px; letter-spacing: 0.3px; text-transform: capitalize; font-weight: 500; color: #3b38eb; margin-top: 0px; position: relative; padding-left: 70px; margin-bottom: 10px;}
.section-heading .sub-heading:before{position: absolute; content: ""; height: 4px; width: 35px; background: #3b38eb; left: 0px; top: 11px;}
.section-heading .sub-heading:after{content: ""; height: 1px; width: 55px; position: absolute; left: 0; top: 19px; background: #3b38eb;}
.section-heading p{font-size: 14px; line-height: 24px; color: #515264; font-weight: 400; margin: 0px 0px 20px 0px;}

.ms-n1{margin-left: -.25rem!important;}
.me-n1{margin-right: -.25rem!important;}
.ms-n2{margin-left: -.5rem!important;}
.me-n2{margin-right: -.5rem!important;}
.ms-n3{margin-left: -1rem!important;}
.me-n3{margin-right: -1rem!important;}

.mr-tp-60{margin-top: -120px;}
.mr-tp-60 .owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mr-tp-60 .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.mr-tp-60 .owl-carousel .owl-stage-outer{padding-top: 10px;}
.mr-tp-60 .owl-carousel .owl-item{counter-increment: my-sec-counter;}
.mr-tp-60 .owl-carousel .owl-item .item{float: left; width: 100%; height: 100%; padding: 0rem 0.5rem;}
.abtpbx{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden; min-height: 250px; padding: 20px 35px; text-align: center; background-color: #fff; border-radius: 12px; z-index: 1; margin-bottom: 30px; box-shadow: 0px 2px 14px rgba(52,62,85,0.11); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.abtpbx .abtpbxinner{width: 100%;}
.abtpbx:before{position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: #3b38eb; border-radius: 10px; z-index: -1; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: center center; -webkit-transform: scale(1, 0); transform: scale(1, 0);}
.abtpbx:hover:before{-webkit-transform: scale(1, 1); transform: scaleX(1, 1); transform-origin: center center;}
.abtpbx .abtpbxinner .l-sprite{position: absolute; bottom: 0; left: 0; transition-delay: 400ms; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateX(-10%); transform: translateX(-10%); z-index: -1;}
.abtpbx .abtpbxinner .l-sprite img{max-width: 100%; height: auto; width: 195px; opacity: 0.1;}
.abtpbx .abtpbxinner i{color: #3b38eb; font-size: 64px; line-height: 100%; margin: 0px 0px 20px 0px;}
.abtpbx .abtpbxinner h5{font-family: "Work Sans", sans-serif; color: #232323; font-size: 18px; margin: 0px;}
.abcol .abtpbx .abtpbxinner .coutertext{position: absolute; top: 10px; right: 10px;}
.abcol .abtpbx .abtpbxinner .coutertext:after{color: transparent; opacity: 0.15; font-size: 48px; -webkit-text-stroke: 1px #464646; line-height: 45px; font-weight: 700; content: counters(my-sec-counter, ".", decimal-leading-zero); transition: all 200ms linear; transition-delay: 0.1s;}
.abtpbx:hover .abtpbxinner .l-sprite img{opacity: 0.3;} 
.abtpbx:hover .abtpbxinner .l-sprite{-webkit-transform: translateX(0%); transform: translateX(0%);}
.abtpbx:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.abtpbx:hover .abtpbxinner i{color: #fff;}
.abtpbx:hover .abtpbxinner h5{color: #fff;}

.outstandingcontainer{padding: 80px 0px 80px 0px; background: #fff;}
.outstandingcontainer .item{float: left; width: 100%;}
.outstandingcontainer .outstandingc{overflow: hidden;}
.outstandingcontainer .outstandingc .owl-carousel .owl-stage-outer{overflow: visible;}
.outstandingcontainer .outstandingc .owl-carousel:before{content: ""; position: absolute; pointer-events: none; right: 100%; top: 0px; bottom: 0px; width: 999em; background: #fff; z-index: 15;}
.outstandingbx{float: left; width: 100%; position: relative; overflow: hidden; border-radius: 25px;}
.outstandingbx img{width: 100%; -webkit-transition: all 0.35s; transition: all 0.35s;}
.outstandingbx .ovarlaybxbefore{display: flex; opacity: 1; visibility: visible; flex-wrap: wrap; align-items: flex-end; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 25px 30px 25px; z-index: 1; background: -webkit-gradient(linear, left bottom, left top, from(#09085b), to(transparent)); -webkit-transition: all 500ms ease 500ms; transition: all 500ms ease 500ms;}
.outstandingbx .ovarlaybxbefore .projectcategory{font-size: 14px; line-height: 18px; position: relative; font-weight: 500; color: rgba(255, 255, 255, 0.8);}
.outstandingbx .ovarlaybxbefore .projectcategory a{text-decoration: none; color: rgba(255, 255, 255, 0.8);}
.outstandingbx .ovarlaybxbefore h4{font-family: "Work Sans", sans-serif; font-size: 20px; display: block; margin: 5px 0 20px; color: #fff; font-weight: 500;}
.outstandingbx .ovarlaybxbefore .prbtn{display: inline-block; width: 50px; height: 50px; color: #fff; border: 1px solid #fff; font-size: 28px; line-height: 49px; border-radius: 50%; text-align: center; background: transparent; text-decoration: none; -webkit-transition: all 0.35s; transition: all 0.35s;}

.outstandingbx .ovarlaybxafter{visibility: hidden; opacity: 0; display: flex; flex-wrap: wrap; align-items: flex-end; position: absolute; left: 0; width: 100%; bottom: -100%; padding: 30px 25px 30px 25px; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;}
.outstandingbx .ovarlaybxafter h4{font-family: "Work Sans", sans-serif; font-size: 20px; display: block; margin: 5px 0 10px; color: #fff; font-weight: 500;}
.outstandingbx .ovarlaybxafter p{font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-bottom: 20px; line-height: 22px;}
.outstandingbx .ovarlaybxafter .prbtn{display: inline-block; width: 50px; height: 50px; color: #3b38eb; border: 1px solid #fff; background: #fff; font-size: 28px; line-height: 49px; border-radius: 50%; text-align: center; text-decoration: none; -webkit-transition: all 0.35s; transition: all 0.35s;}

.outstandingbx:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); filter: blur(3px);}
.outstandingbx .ovarlaybxafterbg{position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #3b38eb 0%, #6600d3); opacity: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s;}
.outstandingbx:hover .ovarlaybxafterbg{opacity: 0.6; top: 0;}
.outstandingbx:hover .ovarlaybxbefore{opacity: 0;}
.outstandingbx:hover .ovarlaybxafter{opacity: 1; visibility: visible; bottom: 0px; z-index: 2; -webkit-transition: all 500ms ease 500ms; transition: all 500ms ease 500ms;}

.outstandingcontainer .owl-carousel .owl-nav{opacity: 0; visibility: hidden; pointer-events: none; position: absolute; left: 30px; right: 30px; top: 50%; margin: 0px; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.outstandingcontainer .owl-carousel .owl-nav .owl-prev{pointer-events: all; background: #fff; margin: 0px !important; font-size: 1.8rem; width: 44px; height: 44px; line-height: 44px; padding-right: 3px !important; float: left; color: #3b38eb; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.outstandingcontainer .owl-carousel .owl-nav .owl-prev:hover{background: #fff; color: #3b38eb;}
.outstandingcontainer .owl-carousel .owl-nav .owl-next{pointer-events: all; background: #fff; margin: 0px !important; font-size: 1.8rem; width: 44px; height: 44px; line-height: 44px; padding-left: 3px !important; float: right; color: #3b38eb; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.outstandingcontainer .owl-carousel .owl-nav .owl-next:hover{background: #fff; color: #3b38eb;}
.outstandingcontainer .owl-carousel:hover .owl-nav{left: 2px; right: 2px; opacity: 1; visibility: visible;}

.portfoliocontainer{padding: 80px 0px 80px 0px; background: #f1f3f8;}
.portfoliocontainer .portfoliolt{float: left; width: 100%; padding: 20px 0px 0px 0px; position: relative;}
.portfoliocontainer .portfoliolt:after{content: ""; position: absolute; left: 0px; top: -45px; opacity: 0.2; width: 300px; height: 300px; border: 50px solid #3b38eb; -webkit-border-radius: 0px 150px; border-radius: 0px 150px;}
.portfoliocontainer .portfoliolt .portfoliomack{float: left; width: 100%; position: relative; z-index: 1;}
.portfoliocontainer .portfoliolt .portfoliomack img{width: 100%; max-height: 100%; height: auto;}
.portfoliocontainer .portfoliort{float: left; width: 100%; padding: 0px; position: relative;}
.portfoliocontainer .portfoliort h2{font-family: "Work Sans", sans-serif; font-size: 44px; line-height: 58px; letter-spacing: 0.3px; font-weight: 700; position: relative; color: #232323; margin-top: 0px; margin-bottom: 15px;}
.portfoliocontainer .portfoliort h2 span{color: #3b38eb;}
.portfoliocontainer .portfoliort p{color: #252525; font-size: 15px; line-height: 26px; margin: 0px 0px 15px 0px;}
.portfoliocontainer .ncarousel{position: absolute; left: 13.4%; top: 6%; bottom: 15%; right: 13%; background: rgba(0, 0, 0, 0.12);}
.portfoliocontainer .owl-theme .item img{height: auto;}
.portfoliocontainer .owl-theme .owl-nav{pointer-events: none; position: absolute; left: 0px; right: 0px; top: 100%; margin: 0px; z-index: 2; text-align: center; margin-top: 60px;}
.portfoliocontainer .owl-theme .owl-nav .owl-prev{pointer-events: all; display: inline-block; float: none; margin: 0px 6px; background: #fff; height: 36px; width: 36px; border-radius: 50%; text-align: center; line-height: 35px; padding: 0px; font-size: 16px; padding-right: 3px !important; color: #252525; border: 1px solid #252525; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-shadow: 4px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 4px 10px 30px rgba(0, 0, 0, 0.1);}
.portfoliocontainer .owl-theme .owl-nav .owl-next{pointer-events: all; display: inline-block; float: none; margin: 0px 6px; background: #fff; height: 36px; width: 36px; border-radius: 50%; text-align: center; line-height: 35px; padding: 0px; font-size: 16px; padding-left: 3px !important; color: #252525; border: 1px solid #252525; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-shadow: 4px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 4px 10px 30px rgba(0, 0, 0, 0.1);}
.portfoliocontainer .owl-theme .owl-nav .owl-prev:hover{background: #3b38eb; border-color: #3b38eb; color: #fff;}
.portfoliocontainer .owl-theme .owl-nav .owl-next:hover{background: #3b38eb; border-color: #3b38eb; color: #fff;}

.feedbackcontainer{padding: 80px 0px 80px 0px; background: #f1f3f8; overflow: hidden;}
.feedbackcontainer .owl-carousel .owl-stage-outer{overflow: visible;}
.feedbackcontainer .owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.feedbackcontainer .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.feedbackcontainer .owl-carousel:before{content: ""; position: absolute; pointer-events: none; right: 100%; top: 0px; bottom: 0px; width: 999em; background: #f1f3f8; z-index: 15;}
.feedbackcontainer .owl-carousel .item{float: left; width: 100%; height: 100%;}
.feedbackcontainer .feedbackbx{float: left; width: 100%; height: 100%; display: flex; flex-direction: column; background: linear-gradient(45deg, #151540 0%, #151540 100%); padding: 55px 30px; border-radius: 45px;}
.feedbackcontainer .feedbackbx .feedbackbxcontent{padding: 0px 0px 20px 0px; flex: 1;}
.feedbackcontainer .feedbackbx .feedbackbxcontent p{color: #ffffff; font-size: 14px; line-height: 26px; margin: 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.feedbackcontainer .feedbackbx .feedbackuser{display: flex; align-items: center; gap: 13px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackuserimg{padding: 0px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackuserimg img{padding: 0px; min-width: 50px; height: 50px; border-radius: 50%;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt{width: 100%;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt h4{color: #fff; font-size: 16px; font-weight: 600; margin: 0px 0px 1px 0px;}
.feedbackcontainer .feedbackbx .feedbackuser .feedbackusertxt p{color: #9594f9; font-size: 13px; font-weight: 400; margin: 0px;}

.abouthcontainer{background: #fff; padding: 90px 0px;}
.abouthcontainer .abhimgbx{float: left; width: 100%;}
.abouthcontainer .abhimgbx img{width: 100%; max-height: 100%; border-radius: 0px; -webkit-clip-path: polygon(0% 17%, 100% 0, 100% 57%, 100% 100%, 0% 100%); clip-path: polygon(0% 17%, 100% 0, 100% 57%, 100% 100%, 0% 100%);}
.abouthcontainer .abhcontent{float: left; width: 100%;}
.abouthcontainer .abhcontent p{color: #515264; font-size: 16px; line-height: 24px;}
.abouthcontainer .abhcontent ul{display: flex; flex-wrap: wrap; margin: 0px -5px; padding: 25px 0px 15px 0px;}
.abouthcontainer .abhcontent ul li{width: 50%; margin: 0px 0px 15px 0px; padding: 0px 5px; list-style: none;}
.abouthcontainer .abhcontent ul li h4{position: relative; font-size: 22px; color: #232323; margin: 0px 0px 8px 0px; padding-left: 30px; font-family: "Work Sans", sans-serif; }
.abouthcontainer .abhcontent ul li h4:before{position: absolute; left: 0px; top: 0px; color: #3b38eb; content: "\f192"; font-family: 'FontAwesome';}
.abouthcontainer .abhcontent ul li p{color: #515264; font-size: 15px; line-height: 22px;}

.whychoosecontainer{background: #ffffff; padding: 90px 0px;}
.whychoosecontainer .whychoosebx{display: flex; gap: 20px;}
.whychoosecontainer .whychoosebx .whychoosebxicon{display: inline-flex; align-self: flex-start; align-items: center; justify-content: center;}
.whychoosecontainer .whychoosebx .whychoosebxicon i{position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 13px; min-width: 70px; max-width: 70px; height: 70px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); color: #fff; font-size: 40px; border-radius: 15px;}
.whychoosecontainer .whychoosebx .whychoosebxicon i img{max-width: 100%; max-height: 100%; filter: brightness(0) invert(1);}
.whychoosecontainer .whychoosebx .whychoosebxicon i:before{content: ""; position: absolute; top: 7px; bottom: -7px; left: 7px; right: -7px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); border-radius: 15px; opacity: 0.2;}
.whychoosecontainer .whychoosebx .whychoosebxct{width: 100%; align-self: center;}
.whychoosecontainer .whychoosebx .whychoosebxct h3{position: relative; font-size: 20px; color: #232323; text-transform: uppercase; margin: 0px 0px 2px 0px; font-weight: 600; font-family: "Work Sans", sans-serif; }
.whychoosecontainer .whychoosebx .whychoosebxct p{color: #515264; font-size: 15px; line-height: 22px; margin: 0px;}
.whychoosecontainer .whychoosebx + .whychoosebx{border-top: 1px solid #e3e3e3; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px;}

.whychooseform{float: left; width: 100%; padding: 40px; border-radius: 30px; background: #151540; box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.08);}
.whychooseform h3{position: relative; font-size: 26px; color: #fff; margin: 0px 0px 10px 0px; font-family: "Work Sans", sans-serif; }
.whychooseform p{color: #fff; font-size: 15px; line-height: 22px; margin: 0px 0px 20px 0px;}
.whychooseform .form-group{margin: 0px 0px 20px 0px;}
.whychooseform .form-group .form-control{box-shadow: none; outline: none; border: 1px solid #fff; background: #fff; font-size: 16px; line-height: 24px; color: #0d1525; height: auto; padding: 10px 20px; resize: none; min-width: 100%; height: 52px; border-radius: 8px;}
.whychooseform .form-group textarea.form-control{min-height: 140px;}

.newscontainer{background: #f1f3f8; padding: 90px 0px;}
.newscontainer .bloglist{float: left; width: 100%;}
.newscontainer .bloglist .bloglistimg{float: left; width: 100%;}
.newscontainer .bloglist .bloglistimg img{width: 100%; max-height: 100%; -webkit-border-radius: 15px; border-radius: 15px;}
.newscontainer .bloglist .bloglistcontent{float: left; width: 100%; padding: 25px 20px 0px 20px;}
.newscontainer .bloglist .datebx{display: block; color: #1B1B1B; font-size: 14px; margin-bottom: 10px;}
.newscontainer .bloglist .datebx i{margin-right: 10px; color: #3b38eb;}
.newscontainer .bloglist h3{font-size: 25px; font-weight: 600; color: #0B0B0B; margin: 0px 0px 10px 0px; position: relative;}
.newscontainer .bloglist h3 a{color: #0B0B0B; display: block; text-decoration: none;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%;}
.newscontainer .bloglist p{color: #1B1B1B; font-size: 14px; line-height: 22px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.newscontainer .bloglist .readmorebtn{display: inline-block; color: #3b38eb; text-decoration: none; font-size: 14px; font-weight: 500; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.newscontainer .bloglist .readmorebtn:hover{color: #3b38eb; text-decoration: underline;}

.newscontainer .bloglist.bloglistsm{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;}
.newscontainer .bloglist.bloglistsm .bloglistimg{padding: 0px; width: auto;}
.newscontainer .bloglist.bloglistsm .bloglistimg img{width: 180px; height: 145px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-object-fit: cover; object-fit: cover;}
.newscontainer .bloglist.bloglistsm .bloglistcontent{width: 100%; padding: 0px 0px 0px 20px; -ms-flex: 1; flex: 1; }
.newscontainer .bloglist.bloglistsm .bloglistcontent .datebx{margin: 0px 0px 8px 0px;}
.newscontainer .bloglist.bloglistsm .bloglistcontent h3{font-size: 16px; margin: 0px 0px 8px 0px;}
.newscontainer .bloglist.bloglistsm .bloglistcontent p{margin: 0px 0px 8px 0px;}
.newscontainer .bloglist.bloglistsm + .bloglistsm{margin-top: 42px;}

.newscontainer .rtblog{float: left; width: 100%;}


.teamcontainer{background: #090931; padding: 90px 0px;}
.teamcontainer .sub-heading{background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%); padding: 3px 30px; color: #fff; -webkit-border-radius: 40px; border-radius: 40px; margin-bottom: 10px;}
.teamcontainer .sub-heading:before{display: none;}
.teamcontainer .sub-heading:after{display: none;}
.teamcontainer .section-heading h2{color: #fff;}
.teamcontainer .owl-carousel .owl-stage-outer{padding-top: 52px;}
.teamcontainer .owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.teamcontainer .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.teamcontainer .item{float: left; width: 100%; height: 100%;}
.teamcontainer .teambx{float: left; width: 100%; height: 100%; padding: 50px 30px; background: #151540; border-radius: 8px; position: relative;}
.teamcontainer .teambx:after{content: ""; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 0; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: center bottom; -webkit-transform: scale(1, 0); transform: scale(1, 0); border-radius: 8px;}
.teamcontainer .teambx .teambxinner{position: relative; z-index: 1;}
.teamcontainer .teambx .teamimg{display: block; text-align: center; margin: -100px 0px 0px 0px;}
.teamcontainer .teambx .teamimg img{width: 150px; max-width: 150px; height: 150px; display: inline-block; -webkit-object-fit: cover; object-fit: cover; border-radius: 50%;}
.teamcontainer .teambx .teamcontent{display: block; text-align: center; padding: 40px 0px 0px 0px}
.teamcontainer .teambx .teamcontent h4{font-family: "Work Sans", sans-serif; font-size: 20px; color: #fff; margin: 0px 0px 4px 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.teamcontainer .teambx .teamcontent p{font-size: 14px; color: #a2adc9; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.teamcontainer .teambx .teamsocial{display: block; text-align: center; border-top: 1px solid #dadfeb; padding: 20px 0px 0px 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.teamcontainer .teambx .teamsocial a{background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); height: 42px; width: 42px; display: inline-block; color: #fff; text-align: center; border-radius: 50%; margin: 3px; line-height: 42px; font-size: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.teamcontainer .teambx:hover:after{-webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: center bottom; border-radius: 8px;}
.teamcontainer .teambx:hover .teamcontent h4{color: #fff;}
.teamcontainer .teambx:hover .teamcontent p{color: #fff;}
.teamcontainer .teambx:hover .teamsocial{border-color: #5e39e6;}
.teamcontainer .teambx:hover .teamsocial a{background: #fff; color: #3b38eb;}

.howitcontainer{padding: 0px; background-color: #151540; position: relative; background-attachment: fixed;}
.howitcontainer:before{content: ""; background: #0d1525; opacity: 0.8; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;}
.howitcontainer .howitinner{padding: 90px 0px 200px 0px; position: relative; z-index: 1;}
.howitcontainer .sub-heading{background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%); padding: 3px 30px; color: #fff; -webkit-border-radius: 40px; border-radius: 40px; margin-bottom: 10px;}
.howitcontainer .section-heading h2{color: #fff;}
.howitcontainer .sub-heading:before{display: none;}
.howitcontainer .sub-heading:after{display: none;}
.howitcontainer .howitborder{position: relative;}
.howitcontainer .howitborder .workingprocessshape{position: absolute; top: -50px; left: 10%; right: 10%; opacity: 0.1;}
.howitcontainer .howitborder .workingprocessshape img{max-width: 100%; max-height: 100%;}
.howitcontainer .countercolumn{counter-increment: process-counter1;}
.howitcontainer .processitem{position: relative; display: block; text-align: center; padding: 0 40px 0;}
.howitcontainer .processitem .processiconbox{position:relative;display:block;height:150px;width:150px;margin:0 auto}
.howitcontainer .processitem .processiconbox .processicon{position:relative;align-items:center;display:flex;justify-content:center;background-color:#fff;box-shadow:0 0 57px 0 rgba(0,0,0,.1);height:148px;width:148px;line-height:148px;margin:0 auto;z-index:1;border-radius:20px 8px 20px 0}
.howitcontainer .processitem .processiconbox .processicon i{font-size:64px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.howitcontainer .processitem:hover .processiconbox .processicon i{color:#fff}
.howitcontainer .processitem .processiconbox .processicon:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-color:#3b38eb;transform-origin:center;transform-style:preserve-3d;-moz-transition:.3s cubic-bezier(.54, .33, .78, .84);-webkit-transition:.3s cubic-bezier(.54, .33, .78, .84);-ms-transition:.3s cubic-bezier(.54, .33, .78, .84);-o-transition:.3s cubic-bezier(.54, .33, .78, .84);transition:.3s cubic-bezier(.54, .33, .78, .84);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);z-index:-1;border-radius:20px 8px 20px 0}
.howitcontainer .processitem:hover .processiconbox .processicon:before{transform:scale(1.1)}
.howitcontainer .processitem .processiconbox .processcount{position:absolute;top:0;right:0;height:40px;width:40px;background-color:#3b38eb;z-index:2;border-radius:6px}
.howitcontainer .processitem:hover .processiconbox .processcount:before{background-color:#fff;color:#3b38eb}
.howitcontainer .processitem .processiconbox .processcount:before{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;font-size:14px;line-height:40px;content:counters(process-counter1, ".", decimal-leading-zero);-moz-transition:.2s linear;-webkit-transition:.2s linear;-ms-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear 0.1s}
.howitcontainer .processitem .processdetails{position:relative;display:block;margin-top:21px}
.howitcontainer .processitem .processdetails h4{margin-bottom:10px;color:#fff}
.howitcontainer .processitem .processdetails p{color:#fff;margin-bottom:0}

.contactcontainer{padding: 0px 0px 90px 0px; background: #f1f3f8; position: relative; z-index: 1;}
.contactcontainer .contactinner{padding: 80px; margin-top: -120px; float: left; width: 100%; background: #fff; border-radius: 12px; box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.08);}
.contactcontainer .contactlt{float: left; width: 100%;}

.contactinfo{position: relative;}
.contactinfo .contactinfoicon i{background: #f1f3f8; width: 70px; height: 70px; display: inline-block; line-height: 72px; text-align: center; border-radius: 50%; color: #3b38eb; font-size: 28px; margin-bottom: 25px; transition: 0.4s;}
.contactinfo .contactinfocontent h4{color: #232323; font-size: 20px; transition: 0.4s; display: block; margin-bottom: 10px;}
.contactinfo ul{display: block; margin: 0px; padding: 0px;}
.contactinfo ul li{display: block; margin: 0px; padding: 0px; color: #515264; font-size: 15px; font-weight: 400;}
.contactinfo ul li a{color: #515264; text-decoration: none;}
.contactinfo p{font-size: 15px; color: #515264; font-weight: 400;}

.contactcontainer .contactform{float: left; width: 100%; padding-top: 48px;}
.contactcontainer .contactform .form-control{box-shadow: none; outline: none; border: 1px solid #e8e9ef; background: #f1f3f8; font-size: 16px; line-height: 24px; color: #0d1525; height: auto; padding: 10px 20px; resize: none; min-width: 100%; height: 52px; border-radius: 0px;}
.contactcontainer .contactform select.form-control{background-image: url(../images/drop-icon.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none;}
.contactcontainer .contactform select.form-control::-ms-expand{display: none;}
.contactcontainer .contactform textarea.form-control{min-height: 140px;}

.pricingcontainer{padding: 90px 0px; background-color: #fff; background-position: left bottom; background-repeat: no-repeat; background-size: cover;}
.pricingcontainer .sub-heading{background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%); padding: 3px 30px; color: #fff; -webkit-border-radius: 40px; border-radius: 40px; margin-bottom: 10px;}
.pricingcontainer .sub-heading:before{display: none;}
.pricingcontainer .sub-heading:after{display: none;}
.pricingcontainer .owl-carousel .owl-stage{padding-left: 0px !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.pricingcontainer .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pricingcontainer .owl-carousel .owl-item .item{width: 100%; height: 100%;}
.pricingcontainer .pricetable{position: relative; display: block; height: 100%; background: #f1f3f8; padding-bottom: 80px; border-radius: 8px; -moz-transition: all 300ms ease-out 0s; -webkit-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s;}
.pricingcontainer .pricetable .tableheader{position: relative; display: block;}
.pricingcontainer .pricetable .tableheader .pricingplanname{position: relative; display: block; color: #fff; font-weight: normal; padding: 20px 0; margin: 0px; background: #3b38eb; background-image: url(../images/6a.png); background-size: contain; background-repeat: no-repeat; border-radius: 8px 8px 0 0;}
.pricingcontainer .yearlyPrice, .pricingcontainer .monthlyPrice{font-size: 36px; background: #f1f3f8; padding: 30px 15px; border-bottom: 1px solid #e5e7eb; color: #232323;}
.pricingcontainer .yearlyPrice span, .pricingcontainer .monthlyPrice span{font-size: 24px; font-weight: 400; color: #c1c1c1; margin-left: 5px;}
.pricingcontainer .pricetable .tablecontent{position: relative; display: block; padding-top: 15px; margin-bottom: 25px;}
.pricingcontainer .pricetable .tablecontent ul{margin: 0px; padding: 0px;}
.pricingcontainer .pricetable .tablecontent ul li{padding: 6px 30px; display: flex; align-items: center; justify-content: center; color: #747474;}
.pricingcontainer .pricetable .tablecontent ul li i{color: #3b38eb; margin-right: 10px; font-size: 1.5em;}
.pricingcontainer .pricetable .tablefooter{position: absolute; left: 0px; right: 0px; bottom: 35px;}

.footercontainer{padding: 0px 0px 0px 0px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.footercontainer .footerlgouter{float: left; width: 100%; padding: 40px 0px 0px 0px;}
.footercontainer .footerlgouter .footerlogo{display: block; margin: 0px 0px 20px 0px;}
.footercontainer .footerlgouter .footerlogo img{max-width: 250px; max-height: 100%;}
.footercontainer .footerlgouter p{color: #012346BA; position: relative; padding: 0px; font-size: 15px; margin-bottom: 30px;}
.footercontainer .footersocial{display: block; text-align: left;}
.footercontainer .footersocial a{width: 38px; height: 38px; text-align: center; font-size: 1.4em; line-height: 40px; position: relative; margin: 0px 3px 0px 0px; display: inline-block; text-decoration: none; background: rgba(132, 132, 132, 0.38); color: #b3b2b2; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer .footersocial .facebook{color: #fff;}
.footercontainer .footersocial .instagram{color: #fff; background: linear-gradient(49.12deg, #FFDD55 6.62%, #FF543E 50.06%, #C837AB 93.5%);}
.footercontainer .footersocial .twitter{color: #fff; background: #55ACEE;}
.footercontainer .footersocial .youtube{color: #fff; background: #D42428;}
.footercontainer .footersocial .linkedin{color: #fff; background: #007AB9;}
.footercontainer .footersocial a:hover{-webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.34); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.34); -webkit-transform: translateY(-5px); transform: translateY(-5px);}

.footerlogobox{display: block; margin: 0px 0px 25px 0px;}

.footercontainer .footerbtm{display: block; background: #10103a; position: relative; z-index: 2; padding: 40px 0px;}
.footercontainer .footerbtm h3{color: #ffffff; font-size: 24px; font-weight: 600; margin: 0px 0px 20px 0px;}
.footercontainer .footerbtm .footerlgouter p{color: #7180ad; position: relative; padding: 0px; font-size: 15px; margin-bottom: 20px;}
.footercontainer .footernav{float: left; width: 100%; padding-left: 0px; padding: 40px 0px 20px 0px;}
.footercontainer ul{display: block; margin: 0px; padding: 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footercontainer ul li{list-style: none; margin: 0px 0px 7px 0px; padding: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.footercontainer ul li a{display: block; color: #7180ad; text-decoration: none; font-size: 15px; padding: 0px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer ul li a:hover{color: #fff;}
.footercontainer .footeraddressbx{float: left; width: 100%; padding: 40px 0px 20px 0px;}
.footercontainer .footeraddressbx p{color: #7180ad; position: relative; padding: 10px 0px 0px 54px; font-size: 15px; margin-bottom: 20px;}
.footercontainer .footeraddressbx p a{color: #7180ad; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer .footeraddressbx p i{position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); text-align: center; line-height: 40px; color: #fff; font-size: 120%; -webkit-border-radius: 5px; border-radius: 5px;}
.footercontainer .footeraddressbx p span{display: table-cell; vertical-align: top;}
.footercontainer .footeraddressbx p a:hover{color: #fff;}
.footercontainer .footbottom{display: block; padding: 30px 0px; background: #000000;}
.footercontainer .copyright{display: block; background: #090931; position: relative; z-index: 2; text-align: center; color: #7180ad; font-size: 16px; padding: 30px 0px; border-top: 1px solid var(--black);}
.footercontainer .copyright a{color: #7180ad; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer .copyright a:hover{color: #3b38eb;}

.ouruspcontainer{background: #151540; padding: 0px 0px;}
.ouruspcontainer .ourusprow{display: flex; gap: 20px;}
.ouruspcontainer .ourusplt{float: left; width: 40%; padding: 40px 0px;}
.ouruspcontainer .ourusplt h2{font-family: "Work Sans", sans-serif; font-size: 44px; line-height: 58px; letter-spacing: 0.3px; font-weight: 700; position: relative; color: #fff; margin-top: 0px; margin-bottom: 0px;}
.ouruspcontainer .ourusplt h2 span{color: #3b38eb;}
.ouruspcontainer .ourusplt .sub-heading{font-family: "Work Sans", sans-serif; font-size: 26px; line-height: 28px; letter-spacing: 0.3px; text-transform: capitalize; font-weight: 500; color: #3b38eb; position: relative; margin-bottom: 5px;}
.ouruspcontainer .ourusplt p{font-size: 16px; line-height: 28px; color: #515264; font-weight: 400; margin: 0px 0px 20px 0px;}
.ouruspcontainer .usprow{display: flex; gap: 46px; width: 60%;}
.ouruspcontainer .usprow .uspcolumn{flex: 1; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.ouruspcontainer .usprow .uspcolumn h3{color: #3b38eb; font-family: "Work Sans", sans-serif; font-weight: 600; font-size: 60px; text-transform: uppercase;}
.ouruspcontainer .usprow .uspcolumn p{font-size: 16px; line-height: 28px; color: #fff; font-weight: 400; margin: 0px;}
.ouruspcontainer .usprow .uspcolumn:before{content: ""; opacity: 0; position: absolute; left: -23px; top: 0px; bottom: 0px; border-left: 1px solid #3434a0;}
.ouruspcontainer .usprow .uspcolumn + .uspcolumn:before{opacity: 1;}

.ourmissioncontainer{padding: 70px 0px 50px 0px;}
.ourmissioncontainer .sub-heading{background: linear-gradient(45deg, #3b38eb 0%, #6600d3 100%); padding: 3px 30px; color: #fff; -webkit-border-radius: 40px; border-radius: 40px; margin-bottom: 10px;}
.ourmissioncontainer .sub-heading:before{display: none;}
.ourmissioncontainer .sub-heading:after{display: none;}
.ourmissioncontainer .missionitem{float: left; width: 100%; height: 100%;}
.ourmissioncontainer .missionitem .missionicon{display: block; margin-bottom: 25px;}
.ourmissioncontainer .missionitem .missionicon i{color: #3b38eb; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 90px; height: 90px; text-align: center; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px #ddd; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.ourmissioncontainer .missionitem .missionicon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) saturate(100%) invert(16%) sepia(81%) saturate(7500%) hue-rotate(237deg) brightness(91%) contrast(104%);}
.ourmissioncontainer .missionitem h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.ourmissioncontainer .missionitem p{color: #515264; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.ourmissioncontainer .missionimg{float: left; width: 100%;}
.ourmissioncontainer .missionimg img{width: 100%; max-height: 100%;}

.corecontainer{padding: 70px 0px 50px 0px; background: #090931;}
.corecontainer .section-heading h2{color: #fff;}
.corecontainer .section-heading p{color: #fff;}
.corecontainer .coreitem{float: left; width: 100%; height: 100%; background: #151540; border-radius: 25px; padding: 25px;}
.corecontainer .coreitem .coreicon{display: block; margin-bottom: 25px;}
.corecontainer .coreitem .coreicon i{color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 90px; height: 90px; text-align: center; background: linear-gradient(0deg, #3b38eb 0%, #6600d3 100%); border-radius: 50%; box-shadow: 1px 4px 4px 0px #7650f7 inset, 0px 2px 4px 0px #FFFFFF40; transition: all 0.35s ease-in-out;}
.corecontainer .coreitem .coreicon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) invert(1);}
.corecontainer .coreitem h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.corecontainer .coreitem p{color: #fff; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.corecontainer .coreimg{float: left; width: 100%;}
.corecontainer .coreimg img{width: 100%; max-height: 100%;}

.weoffercontainer{padding: 80px 0px 70px 0px;}
.weoffercontainer .webox{float: left; width: 100%; height: 100%; background: #ffffff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.11); padding: 60px 30px 30px 30px; position: relative; border-radius: 20px; transition: all 0.35s ease-in-out;}
.weoffercontainer .webox i{color: #3b38eb; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; position: absolute; left: 30px; top: -35px; width: 70px; height: 70px; text-align: center; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); border-radius: 50%; box-shadow: 0px 0px 10px #ddd; transition: all 0.35s ease-in-out;}
.weoffercontainer .webox i img{width: auto; height: auto; max-width: 45px; max-height: 45px; filter: brightness(0) invert(1);}
.weoffercontainer .webox h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.weoffercontainer .webox p{color: #515264; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}

.remarkcontainer{background: #fff; padding: 80px 0px;}
.remarkcontainer .remarkimgbx{float: left; width: 100%;}
.remarkcontainer .remarkimgbx img{width: 100%; max-height: 100%; border-radius: 0px; box-shadow: -10px 10px 0px #ebeaff;}
.remarkcontainer .remarkct{float: left; width: 100%;}
.remarkcontainer .remarkct p{color: #515264; font-size: 16px; line-height: 24px;}
.remarkcontainer .remarkablebx{display: block; border-left: 3px solid #3b38eb; padding: 10px 30px; margin: 40px 0px 0px 0px; background: #fff;}
.remarkcontainer .remarkablebx h3{position: relative; font-family: "Work Sans", sans-serif; color: #3b38eb; letter-spacing: 0.3px; font-size: 60px; font-weight: 700; line-height: 60px;}
.remarkcontainer .remarkablebx h3 span{position: relative; z-index: 1;}
.remarkcontainer .remarkablebx p{margin: 0px;}

/* Service Page */
.servicebncontainer{padding: 70px 0px;}
.servicebncontainer .servicebitem{float: left; width: 100%; height: 100%; position: relative; border-radius: 30px; padding: 27px;}
.servicebncontainer .servicebitem:before{content: ""; animation: move 3.5s infinite linear; position: absolute; inset: 0; padding: 2px; border-radius: 30px; background: linear-gradient(152.22deg, #3b38eb -5.1%, rgba(239, 54, 114, 0) 48.64%, #3b38eb 102.38%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; transition: all 0.3s ease-out 0s;}
.servicebncontainer .servicebitem .servicebicon{display: block; margin-bottom: 25px;}
.servicebncontainer .servicebitem .servicebicon i{color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 90px; height: 90px; text-align: center; background: #3b38eb; border-radius: 50%; transition: all 0.35s ease-in-out;}
.servicebncontainer .servicebitem .servicebicon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) invert(1);}
.servicebncontainer .servicebitem h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.servicebncontainer .servicebitem p{color: #515264; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}

.countercontainer{padding: 0px; position: relative; background-color: #151540; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.countercontainer .counterinner{background: rgba(21, 21, 64, 0.81); padding: 60px 0px 60px 0px;}
.countercontainer .section-heading h2{color: #fff;}
.countercontainer .section-heading h2 span{display: block;}
.countercontainer .section-heading p{color: #fff;}
.countercontainer .counterbx{display: block; text-align: left; padding: 0px 0px;}
.countercontainer .counterbx h3{color: #3b38eb; font-family: "Work Sans", sans-serif; font-size: 80px; line-height: 100%; font-weight: 700; margin: 0px 0px 0px 0px;}
.countercontainer .counterbx p{color: #fff; font-size: 16px; line-height: 24px; }
.countercontainer .curvepattern{position: absolute; left: 0px; right: 0px; bottom: 0px; pointer-events: none;}
.countercontainer .curvepattern svg{width: 100%; height: 100%;}

.whychoosedev{padding: 70px 0px 50px 0px; background: #090931;}
.whychoosedev .section-heading h2{color: #fff;}
.whychoosedev .section-heading p{color: #fff;}
.whychoosedev .missionitem{float: left; width: 100%; height: 100%;}
.whychoosedev .missionitem .missionicon{display: block; margin-bottom: 25px;}
.whychoosedev .missionitem .missionicon i{color: #3b38eb; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 90px; height: 90px; text-align: center; background: linear-gradient(0deg, #3b38eb 0%, #6600d3 100%); border-radius: 50%; box-shadow: 1px 4px 4px 0px #7650f7 inset, 0px 2px 4px 0px #FFFFFF40; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.whychoosedev .missionitem .missionicon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) invert(1);}
.whychoosedev .missionitem h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.whychoosedev .missionitem p{color: #fff; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}
.whychoosedev .missionimg{float: left; width: 100%;}
.whychoosedev .missionimg img{width: 100%; max-height: 100%;}



.technologycontainer{padding: 60px 0px;}
.technologycontainer .techlogo{float: left; width: 100%; min-height: 140px; height: 100%; padding: 15px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; border-radius: 15px;}
.technologycontainer .techlogo img{width: auto; height: auto; max-width: 100%; max-height: 100%;}

.servercontainer{padding: 60px 0px; background: #f9f9f9;}
.servercontainer .owl-carousel .owl-stage{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.servercontainer .owl-carousel .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex;}
.servercontainer .item{float: left; width: 100%; height: 100%;}
.servercontainer .serverbx{float: left; width: 100%; height: 100%; text-align: center; background: #ffffff; padding: 30px 30px 30px 30px; position: relative; border-radius: 25px; transition: all 0.35s ease-in-out;}
.servercontainer .serverbx:before{content: ""; animation: move 3.5s infinite linear; position: absolute; inset: 0; padding: 1px; border-radius: 25px; background: linear-gradient(152.22deg, #ddd -5.1%, rgba(239, 54, 114, 0) 48.64%, #ddd 102.38%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; transition: all 0.3s ease-out 0s;}
.servercontainer .serverbx .serverimg{display: flex; justify-content: center; align-items: center; margin-bottom: 20px; height: 60px; text-align: center;}
.servercontainer .serverbx .serverimg img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.servercontainer .serverbx p{color: #515264; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out;}

.faqcontainer{padding: 60px 0px 60px 0px; background: #090931;}
.faqcontainer .section-heading h2{color: #fff;}
.faqcontainer .section-heading h2 span{display: block;}
.faqcontainer .section-heading p{color: #fff;}
.accordion{border: none;}
.accordion .accordion-item{border: none; border-radius: 15px; background: #151540;}
.accordion .accordion-item + .accordion-item{margin-top: 15px;}
.accordion .accordion-item .accordion-header .accordion-button{background: #151540; font-size: 20px; padding: 22px 35px; font-weight: 500; color: #fff; border: none; box-shadow: none; border-radius: 15px;}
.accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-radius: 15px;}
.accordion .accordion-item .accordion-header .accordion-button:after{content: "\e90b"; font-family: 'icomoon'; background: none; transform: none; font-size: 15px; line-height: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{content: "\e90a"; font-family: 'icomoon'; background: none; transform: none; font-size: 15px; line-height: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.accordion .accordion-item .accordion-body{padding: 0px 35px 18px 35px;}
.accordion .accordion-item .accordion-body p{color: #a2adc9; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0px;}
.accordion .accordion-item .accordion-body p + p{margin: 10px 0px 0px 0px;}

.ctcontainer{padding: 60px 0px; background: #fff;}

/*.ctcontainer .section-heading h2{color: #fff;}
.ctcontainer .section-heading p{color: #fff;}*/

.servicebncontainer{padding: 70px 0px;}

.advcareercontainer{padding: 70px 0px;}
.advcareercontainer .startcareerimg{float: left; width: 100%;}
.advcareercontainer .startcareerimg img{width: 100%; max-height: 100%; border-radius: 30px;}
.advcareercontainer .advcareerouter{padding: 0px;}
.advcareercontainer .advcareer{display: flex; gap: 20px;}
.advcareercontainer .advcareer .advcareerbxct{width: 100%;}
.advcareercontainer .advcareer .advcareerbxct h3{position: relative; font-size: 20px; color: #232323; text-transform: capitalize; margin: 0px 0px 2px 0px; font-weight: 600; font-family: "Work Sans", sans-serif; }
.advcareercontainer .advcareer .advcareerbxct p{color: #515264; font-size: 15px; line-height: 22px; margin: 0px;}
.advcareercontainer .advcareer + .advcareer{border-top: 1px solid #e3e3e3; margin: 20px 0px 0px 0px; padding: 18px 0px 0px 0px;}

.buildcareercontainer{padding: 70px 0px 50px 0px; background: #090931;}
.buildcareercontainer .section-heading h2{color: #fff;}
.buildcareercontainer .section-heading p{color: #fff;}
.buildcareercontainer .buildcareerbx{float: left; width: 100%; height: 100%; background: #151540; border-radius: 25px; padding: 25px;}
.buildcareercontainer .buildcareerbx .buildcareericon{display: block; margin: -25px 0px 20px -25px;}
.buildcareercontainer .buildcareerbx .buildcareericon i{color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 80px; height: 80px; text-align: center; background: linear-gradient(0deg, #3b38eb 0%, #6600d3 100%); border-radius: 50%; box-shadow: 0px 0px 0px 10px #090931; transition: all 0.35s ease-in-out;}
.buildcareercontainer .buildcareerbx .buildcareericon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) invert(1);}
.buildcareercontainer .buildcareerbx h3{color: #3b38eb; font-size: 24px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.buildcareercontainer .buildcareerbx p{color: #fff; font-size: 14px; line-height: 24px; margin: 0px 0px 10px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}

.openingcontainer{padding: 70px 0px 50px 0px;}
.openingcontainer .jobopeningbtx{float: left; width: 100%; height: 100%; position: relative; background: #090931; border-radius: 30px; padding: 30px 30px 56px 30px;}
.openingcontainer .jobopeningbtx .jobopeningbtxtp{display: flex; gap: 15px; margin-bottom: 20px;}
.openingcontainer .jobopeningbtx .jobopeningbtxicon{display: block;}
.openingcontainer .jobopeningbtx .jobopeningbtxicon i{color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 70px; height: 70px; text-align: center; border-radius: 10px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); transition: all 0.35s ease-in-out;}
.openingcontainer .jobopeningbtx .jobopeningbtxicon i img{width: auto; height: auto; max-width: 55px; max-height: 55px; filter: brightness(0) invert(1);}
.openingcontainer .jobopeningbtx .jobopeningbtxtprt{flex: 1; align-self: center;}
.openingcontainer .jobopeningbtx .jobopeningbtxtprt ul{display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; gap: 5px 20px;}
.openingcontainer .jobopeningbtx .jobopeningbtxtprt ul li{margin: 0px; color: #6060c2; position: relative; font-size: 13px; list-style: none; align-self: center;}
.openingcontainer .jobopeningbtx .jobopeningbtxtprt ul li:before{content: ""; opacity: 0; position: absolute; left: -13px; top: 8px; width: 5px; height: 5px; margin: 0px; display: inline-flex; align-self: center; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); border-radius: 50%;}
.openingcontainer .jobopeningbtx .jobopeningbtxtprt ul li + li:before{opacity: 1;}
.openingcontainer .jobopeningbtx h3{color: #3b38eb; font-size: 20px; text-transform: capitalize; font-weight: 600; margin: 0px 0px 5px 0px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.openingcontainer .jobopeningbtx p{color: #fff; font-size: 14px; line-height: 24px; margin: 0px 0px; text-transform: none; font-weight: 400; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;}
.openingcontainer .jobopeningbtx .jobbadges{display: flex; gap: 5px; margin-bottom: 10px;}
.openingcontainer .jobopeningbtx .jobbadges span{display: inline-flex; padding: 4px 10px; font-size: 13px; font-weight: 500; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); color: #fff; border-radius: 20px;}
.openingcontainer .jobopeningbtx .applybtn{position: absolute; right: 0px; bottom: 0px; display: inline-flex; border: none; outline: none; padding: 8px; font-size: 20px; font-weight: 500; text-decoration: none; min-width: 55px; height: 55px; align-items: center; justify-content: center; background-size: 200%; background-image: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); color: #fff; border-radius: 50%; box-shadow: 0px 0px 0px 7px #fff; transform: rotate(-45deg); transition: all 0.3s ease-in-out;}
.openingcontainer .jobopeningbtx .applybtn:hover{background-position: right center; background-size: 200%; background-image: linear-gradient(45deg, #6600d3 0%, #3b38eb 50%);}

.motivationcontainer{padding: 50px 0px; background: #fff;}
.motivationcontainer .emmotibxlt{float: left; width: 100%; background: #3b38eb; padding: 35px; border-radius: 20px; position: relative;}
.motivationcontainer .emmotibxlt:after{content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 50px; left: 100%; margin-top: -5px; border-width: 25px 0 25px 25px; border-left-color: #3b38eb;}
.motivationcontainer .emmotibxlt h3{color: #fff; font-size: 25px; font-weight: 600; font-family: 'Nunito', sans-serif; margin: 0px 0px 20px 0px;}
.motivationcontainer .emmotibxlt p{color: #fff; font-size: 16px; line-height: 26px; margin: 0px 0px 10px 0px; font-weight: 400;}

.motivationcontainer .emmotibxrt{float: left; width: 100%; height: 100%; display: flex; align-items: center; background: #f5f5f5; padding: 35px; border-radius: 20px; position: relative;}
.motivationcontainer .emmotibxrt .emmotiicon i{position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 13px; min-width: 70px; max-width: 70px; height: 70px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); color: #fff; font-size: 40px; border-radius: 15px;}
.motivationcontainer .emmotibxrt .emmotiicon i img{max-width: 100%; max-height: 100%; filter: brightness(0) invert(1);}
.motivationcontainer .emmotibxrt h3{color: #232323; font-size: 26px; font-weight: 600; font-family: 'Nunito', sans-serif; margin: 0px 0px 10px 0px;}
.motivationcontainer .emmotibxrt p{color: #515264; font-size: 14px; line-height: 24px; margin: 0px 0px 0px 0px; font-weight: 400;}

.becomecontainer{padding: 70px 0px; background: #090931; clip-path: polygon(0 15%, 100% 0, 100% 75%, 0% 100%);}
.becomecontainer h2{color: #fff; font-size: 38px; line-height: 46px;}

.gettouchcontainer{padding: 0px 0px 30px 0px; position: relative;}
.gettouchcontainer .gettouchbx{padding: 35px; background: rgba(255, 255, 255, 0.90); border-radius: 20px; position: relative; z-index: 1; box-shadow: 0 0 20px 0px rgba(38,37,37,0.1);}
.gettouchcontainer .section-heading{margin: 0px 0px 30px 0px;}
.gettouchcontainer .section-heading h2{font-size: 38px;}
.gettouchcontainer .form-group{position: relative; margin: 0px 0px 15px 0px;}
.gettouchcontainer .form-group .form-control{border: 1px solid #e8e9ef; background: #fff; font-size: 14px; line-height: 24px; color: #0d1525; height: auto; padding: 10px 20px; resize: none; min-width: 100%; height: 52px; border-radius: 5px;}
.gettouchcontainer .form-group select.form-control{background-image: url(../images/drop-icon.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none;}
.gettouchcontainer .form-group select.form-control::-ms-expand{display: none;}
.gettouchcontainer .form-group textarea.form-control{min-height: 80px;}
.gettouchcontainer .form-group .form-control:focus{border-color: #3b38eb; box-shadow: 0 0 0 .25rem rgba(59, 56, 235, 0.56);}
.gettouchcontainer .form-group .upload-wrapper{padding: 4px 10px; display: flex; align-items: center; gap: 10px;}
.gettouchcontainer .file-upload{display: inline-flex; background-size: 200%; background-image: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); color:#fff; font-size: 13px; padding:7px 10px;border-radius:6px;cursor:pointer;transition:all 0.3s ease-in-out;}
.gettouchcontainer .file-upload:hover{background-position: right center; background-size: 200%; background-image: linear-gradient(45deg, #6600d3 0%, #3b38eb 50%);}
.gettouchcontainer input[type="file"]{display:none}
.gettouchcontainer .file-list{margin: 0px;list-style:none;padding:0}
.gettouchcontainer .file-list li{margin: 0px; padding: 0px; font-size: 13px; font-weight: 500; color: #515264;}
.gettouchcontainer .gettouchimg{display: flex; position: absolute; left: 0px; right: 0px; bottom: 0px;}
.gettouchcontainer .gettouchimg img{width: 100%; height: auto; max-height: 100%;}

.contactcontainer{padding: 50px 0px 50px 0px; background: #f8f8f8;}
.ctformbox{display: block; padding: 20px; background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); border-radius: 20px;}
.ctformbox .lboxcontent{position: relative; display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -ms-flex-align: center;align-items: center; height: 100%; background: linear-gradient(45deg, #090931 0%, #6600d3 100%); -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);}
.ctformbox .lboxcontent .lboxcontentinner{position: relative; z-index: 1; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 70px 50px 70px 70px;}
.ctformbox .lblogo{display: block; text-align: center; margin: 0px 0px 40px 0px;}
.ctformbox .lblogo img{max-width: 100%; max-height: 68px;}
.ctformbox h1{text-align: center; color: #fff; font-size: 40px; font-weight: 900; margin: 0px 0px 15px 0px; }
.ctformbox h1.sign{text-transform: uppercase; letter-spacing: 5px;}
.ctformbox p{color: #f3f1ee; font-size: 16px; line-height: 22px; margin: 0px 0px 25px 0px;} 
.ctformbox .lblright{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center;}
.ctformbox .lblright .lblrightinner{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 40px 40px;}
.ctformbox .lblright .lblrightinner .innerbox{padding: 0px 0px 0px 0px;}
.ctformbox .lblright .lglogoright{display: block; text-align: center; margin: 0px 0px 15px 0px;}
.ctformbox .lblright .lglogoright img{max-width: 100%; max-height: 58px;}
.ctformbox .lblright .resocialbox{display: block; text-align: center; padding: 15px 0px 15px 0px;}
.ctformbox .lblright .resocialbox a{display: inline-block; width: 42px; height: 42px; text-decoration: none; text-align: center; line-height: 42px; border-radius: 50%; background: #ffffff; border: 1px solid #3e3d40; margin: 0px 7px 5px 0px; color: #3e3d40; font-size: 1.2em; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.ctformbox .lblright .resocialbox a.facebook{background: #3f5387; border-color: #3f5387; color: #fff;}
.ctformbox .lblright .resocialbox a.gplus{background: #D71717; border-color: #D71717; color: #fff;}
.ctformbox .lblright p{color: #212529; font-size: 16px; line-height: 20px; text-align: left; margin: 0px 0px 30px 0px;} 
.ctformbox .lblright .lform{display: block; padding: 0px 0px;}
.ctformbox .lblright .form-group{position: relative; margin: 0px 0px 25px 0px;}
.ctformbox .lblright .form-group .formgroupinner{display: block; position: relative;}
.ctformbox .lblright .form-group .formgroupinner i{position: absolute; left: 15px; top: 15px;}
.ctformbox .lblright .form-group .formgroupinner i.fa-mobile{font-size: 1.2em;}
.ctformbox .lblright .form-group .form-control{background: #f8f8f8; border: 1px solid #e8e9ef; height: 52px; font-size: 15px; padding: 4px 15px 4px 25px; border-radius: 5px; -webkit-border-radius: 5px;}
.ctformbox .lblright .form-group textarea.form-control{height: 100px; padding-top: 11px;}
.ctformbox .lblright .form-group .form-control:focus{border-color: #3b38eb; box-shadow: 0 0 0 .25rem rgba(59, 56, 235, 0.56);}
.ctformbox .loginbtn{width: 100%;}
.ctformbox .lblright .form-group input:-webkit-autofill,
.ctformbox .lblright .form-group input:-webkit-autofill:hover,
.ctformbox .lblright .form-group input:-webkit-autofill:focus
.ctformbox .lblright .form-group input:-webkit-autofill,
.ctformbox .lblright .form-group textarea:-webkit-autofill,
.ctformbox .lblright .form-group textarea:-webkit-autofill:hover
.ctformbox .lblright .form-group textarea:-webkit-autofill:focus,
.ctformbox .lblright .form-group select:-webkit-autofill,
.ctformbox .lblright .form-group select:-webkit-autofill:hover,
.ctformbox .lblright .form-group select:-webkit-autofill:focus{-webkit-text-fill-color: #333; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}
.ctformbox .lboxcontent:before{left: auto; right: 100%; width: 70px; margin-left: auto; margin-right: -34px; -ms-transform: skewX(-5deg); -webkit-transform: skewX(-5deg); transform: skewX(-5deg);}
.ctformbox .lblright .form-group .error {border: 1px solid red;}
.ctformbox .coininfo{display: block; text-align: left; padding: 30px 0px 0px 0px;}
.ctformbox .coininfo .cticon{display: table-cell; vertical-align: top; padding-right: 20px;}
.ctformbox .coininfo .cticon i{float: left; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 1.4em; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); -webkit-border-radius: 10px; border-radius: 10px; color: #fff;}
.ctformbox .coininfo .cticontent{display: table-cell; vertical-align: middle; width: 100%;}
.ctformbox .coininfo .cticontent h4{color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 0px 0px 5px 0px;}
.ctformbox .coininfo .cticontent p{color: #fff; margin: 0px;}
.ctformbox .coininfo .cticontent p a{color: #fff; text-decoration: none;}

.bloglistcontainer{padding: 40px 0px 40px 0px; background-color: #fff; position: relative;}
.bloglistcontainer .blogbtx{float: left; width: 100%; height: 100%; display: flex; flex-direction: column;}
.bloglistcontainer .blogbtx .blogbtximg{float: left; width: 100%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 80% 100%, 3% 100%, 0 95%, 0% 20%); clip-path: polygon(0 0, 100% 0, 100% 20%, 100% 100%, 80% 100%, 3% 100%, 0 95%, 0% 20%);}
.bloglistcontainer .blogbtx .blogbtximg img{width: 100%; max-height: 100%;}
.bloglistcontainer .blogbtx .blogbtxcontent{width: 100%; float: left; padding: 25px 0px 0px 0px; flex: 1; display: flex; flex-direction: column;}
.bloglistcontainer .blogbtx .blogbtxcontent h3{font-family: "Work Sans", sans-serif; color: #3b38eb; font-size: 27px; font-weight: 500; margin: 0px 0px 18px 0px; overflow: hidden; width: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogbtx .blogbtxcontent h3 a{color: #3b38eb; text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogbtx .blogbtxcontent h3 a:hover{color: #3b38eb; text-decoration: underline;}
.bloglistcontainer .blogbtx .blogtbt{display: flex; gap: 50px; align-items: center; margin-bottom: 18px;}
.bloglistcontainer .blogbtx .bloguser{display: inline-flex; align-items: center; gap: 10px;}
.bloglistcontainer .blogbtx .bloguser i{color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 39px; margin-bottom: 0px; width: 50px; height: 50px; text-align: center; border-radius: 10px; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); transition: all 0.35s ease-in-out;}
.bloglistcontainer .blogbtx .bloguser i img{width: auto; height: auto; max-width: 100%; max-height: 100%; filter: brightness(0) invert(1); padding: 5px;}
.bloglistcontainer .blogbtx .bloguser span{color: #fff; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 0px; width: 50px; height: 50px; text-align: center;}
.bloglistcontainer .blogbtx .bloguser span img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}

.bloglistcontainer .blogbtx .bloguser .blogubleft{display: inline-flex; width: }
.bloglistcontainer .blogbtx .bloguser .blogubright{display: table-cell; vertical-align: middle; color: #515264; font-size: 15px; font-weight: 400;}
.bloglistcontainer .blogbtx .blogdate{display: inline-block; vertical-align: middle; color: #515264; font-size: 15px; font-weight: 400;}
.bloglistcontainer .blogbtx .blogbtxcontent p{color: #515264; font-size: 15px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.bloglistcontainer .blogbtx .readmoreouter{display: flex; justify-content: flex-end; position: relative;}
.bloglistcontainer .blogbtx .readmoreouter:before{content: ""; border-top: 1px dashed #c7c7d2; position: absolute; top: 50%; right: 0px; left: 0px; transform: translateY(-50%);}
.bloglistcontainer .blogbtx .readmoreouter .readmore{display: inline-flex; position: relative; z-index: 1; margin: 0px; padding: 5px 14px; background: #fff; text-decoration: none; color: #3e43eb; font-size: 15px; font-weight: 400; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogbtx .readmoreouter .readmore:before{content: ""; z-index: 1; pointer-events: none; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 1px; background-size: 100%; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); -webkit-mask: linear-gradient(#151540 0 0) content-box, linear-gradient(#151540 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.bloglistcontainer .blogbtx .readmoreouter .readmore:hover{color: #3b38eb;}
.bloglistcontainer .blogbtx .readmoreouter .readmore:after{content: ""; position: absolute; right: 100%; top: 0px; bottom: 0px; background: #fff; width: 12px;}


.bloglistcontainer .paginationright{float: left;}

.bloglistcontainer .blogsidebar{float: left; width: 100%;}
.bloglistcontainer .blogsidebar .blogsocial{float: left; width: 100%; background: #f1f3f8; padding: 40px 35px; margin-bottom: 20px;}
.bloglistcontainer .blogsidebar .blogsocial h3{color: #3b38eb; font-size: 22px; font-weight: 400; margin: 0px 0px 20px 0px;}
.bloglistcontainer .blogsidebar .blogsocial a{display: inline-block; width: 42px; height: 42px; line-height: 42px; background: #090931; color: #fff; text-align: center; font-size: 1.3em; margin: 4px 2px; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s ease-in-out;}
.bloglistcontainer .blogsidebar .blogsocial a.facebook{background: #4267B2; color: #fff;}
.bloglistcontainer .blogsidebar .blogsocial a.twitter{background: #22c3ff; color: #fff;}
.bloglistcontainer .blogsidebar .blogsocial a.instagram{background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); color: #fff;}
.bloglistcontainer .blogsidebar .blogsocial a.youtube{background: #FF0000; color: #fff;}
.bloglistcontainer .blogsidebar .blogsocial a.whatsapp{background-image: linear-gradient(to bottom, #00bc3c, #00af3a, #00a237, #009534, #018931); color: #fff;}
.bloglistcontainer .blogsidebar .blogrtbx{float: left; width: 100%; background: #f1f3f8; padding: 35px 35px; margin-bottom: 20px;}
.bloglistcontainer .blogsidebar .blogrtbx .blogrtheading{display: block; position: relative; color: #3b38eb; font-size: 22px; font-weight: 400; margin: 0px 0px 20px 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .blogrtheading:before{content: ""; position: absolute; left: 0px; right: 0px; max-width: 200px; top: 50%; border-top: 1px solid #3b38eb; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.bloglistcontainer .blogsidebar .blogrtbx .blogrtheading span{display: inline-block; position: relative; z-index: 1; background: #f1f3f8; padding: 1px 15px 1px 0px;}

.bloglistcontainer .blogsidebar .plpostbx{display: block;}
.bloglistcontainer .blogsidebar .plpostbx + .plpostbx{border-top: 1px solid #d1d5e1; padding-top: 15px; margin-top: 15px;}
.bloglistcontainer .blogsidebar .plpostbx .plpostimg{display: table-cell; vertical-align: top; padding-right: 20px;}
.bloglistcontainer .blogsidebar .plpostbx .plpostimg .plpostimginner{width: 70px; height: 70px; background: none; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.bloglistcontainer .blogsidebar .plpostbx .plpostimg .plpostimginner img{width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}
.bloglistcontainer .blogsidebar .plpostbx .plpostcontent{display: table-cell; vertical-align: middle; width: 100%;}
.bloglistcontainer .blogsidebar .plpostbx .plpostcontent p{color: #515264; font-size: 17px; font-weight: 400; margin: 0px; line-height: 22px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogsidebar .plpostbx .plpostcontent p a{color: #515264; text-decoration: none;}
.bloglistcontainer .blogsidebar .plpostbx .plpostcontent p a:hover{color: #3b38eb;}
.bloglistcontainer .blogsidebar .plpostbx .bldatebtx{display: flex; justify-content: space-between; width: 100%; color: #3b38eb; font-size: 14px; font-weight: 400; padding-top: 15px;}

.bloglistcontainer .blogsidebar .blogrtbx .blcategory{display: block;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul{display: block; margin: 0px; padding: 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul li{display: block; margin: 0px 0px 15px 0px; padding: 0px; list-style: none;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul li a{display: block; position: relative; margin: 0px; padding: 0px 24px 0px 0px; text-decoration: none; color: #515264; font-size: 15px; font-weight: 400; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul li span{position: absolute; right: 0px; top: 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul li:last-child{margin: 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .blcategory ul li a:hover{color: #3b38eb;}

.bloglistcontainer .blogsidebar .blogrtbx .tagbtx{display: block;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul{display: block; margin: 0px; padding: 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li{display: inline-block; margin: 0px 5px 8px 0px; padding: 0px; list-style: none;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li a{display: block; position: relative; margin: 0px; padding: 5px 14px; background: #f1f3f8; text-decoration: none; color: #3e43eb; font-size: 15px; font-weight: 400; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li:last-child{margin: 0px;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li a:hover{color: #3b38eb;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li a:before{content: ""; z-index: 1; pointer-events: none; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 1px; background-size: 100%; background: linear-gradient(45deg, #6600d3 0%, #3b38eb 100%); -webkit-mask: linear-gradient(#151540 0 0) content-box, linear-gradient(#151540 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.bloglistcontainer .blogsidebar .blogrtbx .tagbtx ul li a:hover:before{background-size: 200%;}


/*
  font-family: 'Nunito', sans-serif;
*/
/* BQT alerts: no close control; use default alert spacing */
.alert { position: relative; }