body{font-family:"Poppins"; color:#505050;overflow:hidden;}
html{overflow-X: hidden;}
ul, ol{margin: 0;padding: 0;}
a {text-decoration: none;}
html{overflow-x:hidden;}


.whatsapp_area{position: fixed; right: 30px; bottom: 30px;z-index: 10; width: 50px;height: 50px;display: block;text-align: center;background: #128c7e;border-radius: 100%;animation: bounce 1s infinite alternate; -webkit-animation: wpbounce 1s infinite alternate;}
.whatsapp_area a{text-align:center; -webkit-transition: all 0.3s ease-in-out;}
.whatsapp_area a i{font-size:28px;line-height:50px; color:#fff;}
@keyframes wpbounce {
    from {
        transform: translateY(0px);
        /*box-shadow: 0 0 10px -10px #498cbfd1;*/
    }
    to {
        transform: translateY(-15px);
        box-shadow: 0 0 10px 10px #128c7e66;
    }
}

.top_head{background:#000;padding: 8px 0;position: relative;z-index: 11;}
.cont_area{width:100%; margin:auto 0;}
.cont_area a{color:#fff;font-size: 14px; line-height: 24px;text-decoration:none;}
.cont_area p{margin: 0; display: inline-block;margin-right: 30px;color:#fff;}
.social_top{text-align: right;width:100%; margin:auto 0;}
.social_top a{color: black;display: inline-block;margin-left: 10px;text-align: center;width:30px;height:30px; padding-top:4px;background: #fff;border-radius: 2px;}

.enroll_area{position: fixed;right: -63px;top: 50%;transform: translateY(-50%) rotate(-90deg);z-index: 10;}
.enroll_area.btn_area a{background: #ff4700;border: none;display: block;border-radius: 20px 20px 0 0;}
.enroll_area.btn_area a span:after{background: #000;}

.head_nav{padding:0; background:#fff; left:0; top: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 100;position: relative;}
.head_nav nav{padding:0;}
.head_nav .navbar-brand{padding:0;}
.head_nav .navbar-brand img{width:200px;transition:ease-in-out 0.3s;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:14px; line-height:60px; text-transform:uppercase;position:relative;cursor:pointer;font-weight: 500;letter-spacing: 1px;}
.head_nav .navbar-nav .nav-link{padding:10px 15px;}
.head_nav ul li a::before {color: transparent;content: "•";font-size: 14px;left: 50%;pointer-events: none;position: absolute;text-shadow: transparent 0px 0px;top: 30px;transform: translateX(-50%);transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;}
.head_nav ul li a:hover{color:#ff4700;}
.head_nav ul li a:hover::before{color: #ff4700;text-shadow: 7px 0 #ff4700, -7px 0 #ff4700, 0 0 #ff4700;}
.head_btn{display:flex;}
.head_btn a {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 1600ms;transition-delay: 1600ms;border:none;width:100%;padding: 0;margin: auto 0; border-radius: 50px; overflow: hidden; border: 2px solid #ff4700;}
.head_btn a:before{display: none;}
.head_btn a span{position: relative;display:block;font-size: 14px;line-height: 26px;color: #000;text-align: center;padding:8px 25px;z-index: 1;background: transparent;text-decoration:none;transition:all 0.5s;}
.head_btn a span:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: #ff4700;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.head_btn a span:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.head_btn a:hover span{color:#fff;}
.head_nav nav .dropdown ul {border-radius: 0;width: max-content;padding: 0;}
.head_nav nav .dropdown ul li {margin: 0;padding: 0;width: 100%;border-bottom:1px solid rgba(0,0,0,0.2);}
.head_nav nav .dropdown ul li a {line-height: 20px;padding: 10px 20px !important;text-transform: capitalize;color: #000;border: none;}
.head_nav nav .dropdown ul li a i{color:#ff4700; width:20px;}
.head_nav nav .dropdown ul li a:before{display: none;}
.head_nav nav .dropdown ul li a:hover{border: none; background: #e5e5e5;}
.sticky_menu{background: #fff;position:fixed;box-shadow:0 5px 10px rgba(0,0,0,0.1);z-index: 1000;}
.sticky_menu.head_nav ul li a{line-height: 42px;}

.banner_area{background:linear-gradient(238deg, rgba(248, 226, 246, 0) 1.56%, #f8e2f6 35.94%, rgba(248, 226, 246, 0.61) 66.15%, #e2f6ff 100%); padding:100px 0;}
.banner_left{width:100%; margin:auto 0;}
.banner_left h2{border: 1px solid #ff4700;display:inline-block;border-radius:100px;color: #000;padding: 8px 25px;font-size: 16px;font-weight: 600;text-transform: uppercase;margin: 0;}
.banner_left h1{color:#000;font-size: 42px;font-weight: bold;margin: 15px 0 0;line-height: 60px; font-family: "Noto Sans Math", sans-serif;}
.banner_left h1 span{color:#ff4700;}
.banner_left .btn_area{margin-top: 20px;}
.banner_left .btn_area a{background: #ff4700; border: none;}
.banner_left .btn_area a span:after{background: #000;}

.slider-shapes .shape {z-index: -1;position: absolute;}
.slider-shapes .circle {top: 20%;left: 5%;-webkit-animation: shapeAnimationThree 40s infinite;animation: shapeAnimationThree 40s infinite;}
.slider-shapes .dots {max-width: 10%;-webkit-animation: rotated_circle 30s infinite;animation: rotated_circle 30s infinite;}
.slider-shapes .dots.one {top: -10px;right: -30px;-webkit-animation-delay: 5s;animation-delay: 5s;}
.slider-shapes .dots.two {left: 42%;bottom: 40px;}
.slider-shapes .wave-line {max-width: 30%;left: 0;bottom: 0;-webkit-animation: down-up-one 10s infinite;animation: down-up-one 10s infinite;}
@keyframes zoomInOut {
	0%, 100% {-webkit-transform: scale(1);transform: scale(1);}
	50% {-webkit-transform: scale(0.5);transform: scale(0.5);}
}
@keyframes rotated_circle {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);ransform: rotate(360deg); }
}
@keyframes shapeAnimationThree {
	0% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
	25% {-webkit-transform: translate(50px, 150px) rotate(90deg);transform: translate(50px, 150px) rotate(90deg);}
	50% {-webkit-transform: translate(150px, 150px) rotate(180deg);transform: translate(150px, 150px) rotate(180deg);}
	75% {-webkit-transform: translate(150px, 50px) rotate(270deg);transform: translate(150px, 50px) rotate(270deg);}
	100% {-webkit-transform: translate(0px, 0px) rotate(360deg);transform: translate(0px, 0px) rotate(360deg);}
}
@keyframes down-up-one {
	0% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}
	50% {-webkit-transform: rotateX(0deg) translateY(25px);transform: rotateX(0deg) translateY(25px);}
	100% {-webkit-transform: rotateX(0deg) translateY(0px);transform: rotateX(0deg) translateY(0px);}
}

.rotate_area{width: 400px;height: 400px; /*background:url(../images/graphic_ads.webp) center no-repeat; background-size: cover;*/ position:relative;padding: 30px;margin: 0 auto;}
.graphic_img{position: absolute;left: 0;top: 0;width: 100%;}
.rotate {width: 100%;height: 100%; animation: circle 10s infinite linear;}
.counterrotate {width: 70px;height: 70px;animation: ccircle 10s infinite linear;background: #fff;border-radius: 100%;box-shadow: 0 0 30px rgba(0,0,0,0.2);position:absolute;left: -6%;top: 6%;overflow:hidden;padding:10px;}
.counterrotate2{left: 30%;top: -18%;}
.counterrotate3{left: -18%;top: 46%;}
.counterrotate4{left: 95%;top: 15%;}
.counterrotate5{left: 99%;top: 54%;}
.counterrotate6{left: 40%;top: 98%;}
.counterrotate7{left: 77%;top: 84%;}
.counterrotate8{left: 2%;top: 83%;}
.counterrotate9{left: 69%;top: -12%;}
.counterrotate img{width: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
@keyframes circle {
  from {
    -webkit-transform: rotateZ(0deg)
  }
  to {
    -webkit-transform: rotateZ(360deg)
  }
}
@keyframes ccircle {
  from {
    -webkit-transform: rotateZ(360deg)
  }
  to {
    -webkit-transform: rotateZ(0deg)
  }
}

.btn_area a {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 1600ms;transition-delay: 1600ms;border:none; padding: 0;margin: auto 0; border-radius: 50px; border: 2px solid #ff4700; overflow: hidden;display: inline-block;}
.btn_area a span{position: relative;display:block;font-size: 18px;line-height: 26px;color: #fff;text-align: center;padding: 12px 40px;z-index: 1;background: transparent;text-decoration:none; font-weight: 600;}
.btn_area a span:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: #ff4700;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn_area a span:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.batch_area ul{margin-top:10px;}
.batch_area ul li{list-style:none; display:inline-block; margin-right:10px;}
.batch_area ul li a{display:block;}
.batch_area ul li img{width:75px;}

.banner_btm{text-align: center;background-color: #fff;padding:40px 0 20px;}
.banner_btm .head_area{text-align:center;}
.banner_btm ul{position: relative;display: flex;z-index: 1;}
.banner_btm ul:after{content: "";background: url(../images/common-doted-line.webp) repeat-x center;width: 100%;position: absolute;left: 0;height: 144px;z-index: -1;}
.banner_btm ul li {display: inline-block;margin-left: -4px;padding: 40px 0;text-align: center;position: relative;width: 100%;}
.banner_btm ul li:first-child {width: 9px;position: absolute;top: 0;left: 0;height: 100%;}
.banner_btm ul li:last-child {width: 9px;position: absolute;top:0; right:0;height: 100%;}
.banner_btm ul li .dot {display: inline-block;width: 9px;height: 9px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;border-radius: 50px;margin: 27px 0;}
.banner_btm ul li:first-child .dot, .banner_btm ul li:last-child .dot {background: #000;} 
.tech-circle {display: inline-block;width: 66px;height: 66px;line-height: 66px;text-align: center;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;border-radius: 50px;position: relative;z-index: 9;}
.banner_btm ul li:nth-child(2) .tech-circle {background: #0087d4;}
.banner_btm ul li:nth-child(3) .tech-circle {background: #ff9000;}
.banner_btm ul li:nth-child(4) .tech-circle {background: #52d6ff;}
.banner_btm ul li:nth-child(5) .tech-circle {background: #ff4587;}
.banner_btm ul li:nth-child(6) .tech-circle {background: #00c353;}
.banner_btm ul li:nth-child(7) .tech-circle {background: #029cc0;}
.banner_btm ul li .tech-circle:after, .banner_btm ul li .tech-circle:before {width: 66px;height: 66px;position: absolute;left: 0;top: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;background-color: #f2b704;content: ' ';z-index: 1;animation: pulse-animation 1.5s infinite ease-in-out;}
.banner_btm ul li:nth-child(2) .tech-circle:after, .banner_btm ul li:nth-child(2) .tech-circle:before {background-color: #0087d4;}
.banner_btm ul li:nth-child(3) .tech-circle:after, .banner_btm ul li:nth-child(3) .tech-circle:before {background-color: #ff9000;}
.banner_btm ul li:nth-child(4) .tech-circle:after, .banner_btm ul li:nth-child(4) .tech-circle:before {background-color: #52d6ff;}
.banner_btm ul li:nth-child(5) .tech-circle:after, .banner_btm ul li:nth-child(5) .tech-circle:before {background-color: #ff4587;}
.banner_btm ul li:nth-child(6) .tech-circle:after, .banner_btm ul li:nth-child(6) .tech-circle:before {background-color: #00c353;}
.banner_btm ul li:nth-child(7) .tech-circle:after, .banner_btm ul li:nth-child(7) .tech-circle:before {background-color: #029cc0;}
.banner_btm ul li span {display: block;position: relative;width: 100%;text-align: center;font-size: 14px;color: #000;padding: 8px 0;left: 0;top: 10px;}
@keyframes pulse-animation  {
	0%  {-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 0;}
	9%  {-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 0;}
	10%  {-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
	100%  {-moz-transform: scale(1.6);-o-transform: scale(1.6);-webkit-transform: scale(1.6);-ms-transform: scale(1.6);transform: scale(1.6);opacity: 0;}
}
.banner_btm ul li .tech-circle:after {animation-delay: .5s;}
.banner_btm ul li .tech-circle img {position: absolute;z-index: 2;width: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.cont_right_area .right_form {position: fixed;right: 0;width: 400px;transform: translate(400px,-50%);transition: transform 260ms ease-in-out;background-color: #ffffff;top: 0;z-index: 40;top: 50%;padding: 20px;border-radius: 8px 0 0 8px;box-shadow: 0px 0 30px rgb(0 0 0 / 10%);}
.cont_right_area input[type="checkbox"]:checked ~ .right_form {transform: translate(0,-50%);z-index: 40;}
.cont_right_area input[type=checkbox] {box-sizing: border-box;display: none;transition: all 0.25s;}
.cont_right_area .menuIconToggle {box-sizing: border-box;cursor: pointer;position: fixed;z-index: 48;top: 50%;right: -56px;transition: all 0.3s;background: #ff5b44;color: #fff;padding: 10px 25px;transform: translateY(-50%) rotate(90deg);font-weight: 600;border-radius: 0 0 15px 15px;border: 2px solid #fff;font-size: 16px;overflow:hidden;}
.cont_right_area .menuIconToggle:after {animation: shine 5s ease-in-out  infinite;animation-fill-mode: forwards;content: "";position: absolute;top: -110%;left: -210%;width: 300%;height: 40%;opacity: 0;transform: rotate(30deg);background: rgba(255, 255, 255, 1);}
@keyframes shine{
	10% {
		opacity: 1;
		top: -30%;
		left: -30%;
		transition-property: left, top, opacity;
		transition-duration: 0.3s, 0.3s, 0.3s;
		transition-timing-function: ease;
	}
	100% {
		opacity: 0;
		top: -30%;
		left: -30%;
		transition-property: left, top, opacity;
	}
}

.button_area{position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;}
.button_area a{background: #FB7D01; display: block; width: 66px; color: #fff; border-top-right-radius: 100px; border-bottom-right-radius: 100px; font-size: 22px;padding:5px 0; margin: 15px 0; transition:ease-in-out 0.3s;right: 15px; position: relative; border: 1px solid #fff; box-shadow: 0 0 10px rgb(0 0 0 / 50%); -webkit-animation: glowing 2000ms infinite; -moz-animation: glowing 2000ms infinite; -o-animation: glowing 2000ms infinite; animation: glowing 2000ms infinite;text-align: center;}
@keyframes glowing {
	0% { background-color: #FB7D01; box-shadow: 0 0 3px #FB7D01; }
	50% { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }
	100% { background-color: #FB7D01; box-shadow: 0 0 3px #FB7D01; }
}
.button_area a:hover{right:1px;}

.cont_right_area input[type=checkbox]:checked ~ .menuIconToggle{right: 345px;}
.cont_right_area form input, .cont_right_area form select{border: 1px solid #b7b7b7;height: 42px; color: #666666; border-radius: 0;background:transparent;margin: 10px 0;}
.cont_right_area form select{appearance:auto;}
.cont_right_area form textarea{border: 1px solid #b7b7b7;height:80px; color: #666666; border-radius: 0;background:transparent;margin-bottom:10px;}
.cont_right_area form input::placeholder, .cont_right_area form select::placeholder, .cont_right_area form textarea::placeholder{color: #666666;}
.cont_right_area form input:focus, .cont_right_area form select:focus, .cont_right_area form textarea:focus{box-shadow: none; border: 1px solid #ff4700;}
.cont_right_area .screen-reader-response{display:none;}

.about_area{position:relative;}
.abt_left{position: absolute;right: 0px;top: 0px;width: 46%;box-shadow: -30px 24px 80px 0px rgb(1 65 139 / 20%);border-radius: 40px 0 0 40px;height: 100%;object-fit: cover;padding:0;}
.head_area h2 span, .head_area h2{color:#ff4700;font-size:18px; font-weight:bold;}
.abt_right {width: 100%; margin: auto 0;}
.abt_right p{margin: 5px 0; color: #6a6a6a; font-size: 16px; font-weight: 400; line-height: 30px; text-align: justify;}
.abt_right .btn_area{margin-top: 20px;}
.abt_right .btn_area a{background: #ff4700; border: none;}
.abt_right .btn_area a span:after{background: #000;}
.abt_right h3{color:#000; font-size:16px; margin:10px 0 5px;}
.abt_right ul li{list-style:none;padding-left:20px;color: #6a6a6a; font-size: 16px; font-weight: 400;position:relative;margin:5px 0;}
.abt_right ul li:before{content:"\f0a4"; font-family:"Font Awesome 6 Free"; color:#ff4700;position:absolute; left:0; font-weight:bold;}

.service_area{margin-top:70px; padding:70px 0;background:linear-gradient(238deg, rgba(248, 226, 246, 0) 1.56%, #f8e2f6 35.94%, rgba(248, 226, 246, 0.61) 66.15%, #e2f6ff 100%);}
.service_left p{margin: 20px 0 0; color: #6a6a6a; font-size: 16px; font-weight: 400; line-height: 30px; text-align: justify;}
.service_left img{box-shadow: 30px 24px 80px 0px #00293938;border-radius: 20px; width:100%; height:500px; object-fit:cover; margin-top:20px;}
.service_right{padding-left:50px;}
.serv_box{margin-bottom:30px;border-bottom:1px solid rgba(0,0,0,0.3);}
.serv_box:last-child{border:none;}
.serv_box a{color:#000; font-size:20px;font-weight:600; display:block; margin-bottom:20px; position:relative; text-transform:uppercase;transition:all 0.5s;}
.serv_box a:after{content:"\f061";position:absolute;right:0;top: 50%;font-family:"Font Awesome 6 Free";font-size: 32px;transform: translateY(-50%) rotate(-45deg);text-shadow: 0 4px 5px rgba(0,0,0,0.3);}
.serv_box a:hover{color:#ff4700;}
.serv_box p{margin:0 0 30px; color: #6a6a6a; font-size: 16px; font-weight: 400; line-height: 30px; text-align: justify;}

.tech-sec {transform: rotate(-4deg);padding:100px 0;}
.pad-0{padding:0;}
.tech-sec .heading-name h2 {margin: 0;text-transform: uppercase;-webkit-text-stroke: 1px #007dfe4d;color: #0000 !important;font-size: 200px;}
.tech-sec .heading-name {display: flex;justify-content: center;align-items: center;width: 100%;height: 57%;position: absolute;top: 50%;transform: translateY(-50%);}
.tech-sec .content-box h3 {text-align: center;font-size: 80px;margin: 0;line-height: 1.2;}
.tech-sec .yellow-red-gradiant h3 {background: linear-gradient(103.22deg, #ffd101 8.25%, #ff2c02 59.51%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .green-blue-gradiant h3 {background: linear-gradient(105.39deg, #57bc51 44.35%, #1041e1 85.52%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .blue-prpl-gradiant h3 {background: linear-gradient(125.01deg, #0e4cff 15.98%, #510cec 73.53%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .orange-blue-gradiant h3 {background: linear-gradient(92.18deg, #f8960a 15.72%, #0d39e3 82.07%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .green-sky-gradiant h3 {background: linear-gradient(180deg, #00f991 0%, #01c3f7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .prpl-blue-gradiant h3 {background: linear-gradient(102.31deg, #b800d2 16.67%, #007dfe 89.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .red-prpl-gradiant h3 {background: linear-gradient(91.29deg, #ff4101 22.92%, #fe00b0 83.51%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tech-sec .top-logo-carasol {margin-bottom: 60px;}
.tech-sec .bgimg {position: absolute;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: -1;}
.tech-sec .heading-name h1 {font-size: 180px;}
.tech-sec .content-box h3 {font-size: 40px; font-weight:bold;}

.business_sec {width: 100%;position: relative;background-size: cover !important;text-align: center;padding: 70px 0 0;background-attachment: fixed !important;}
.business_sec .head_area{text-align:center;}
.business_sec:before {width: 100%;position: absolute;left: 0px;top: 0px;height: 100%;background: linear-gradient(-220deg, #5b29ffe6 39%, #a91daee6);content: "";opacity: 0.9;}
.business_sec .container {position: relative;}
.business_sec p {padding: 0 10% 20px;color: #fff;margin:0;}
.business_sec h2 {color: #fff;}
.business_sec h2 span {color: #f7c8f2;}
.business_innr {width: 100%;position: relative;}
.business_innr img {width: auto;height: auto;margin: 200px 0 0;}
.business_box {width: auto;background: #fff;padding: 10px 22px;border-radius: 10px;font-size: 20px;line-height: 28px;color: #ff4700;position: absolute;text-transform: capitalize;font-weight: 600;}
.desknone {display: none;}
.mobnone {display: inline-block;}
.business_box1 {left: 60px;bottom: 55px;}
.business_box2 {left: 0;bottom: 240px;}
.business_box3 {left: 60px;bottom: 400px;}
.business_box4 {left: 50%;top: 20px;transform: translate(-50%);}
.business_box5 {right: 60px;bottom: 400px;}
.business_box6 {right: 0;bottom: 240px;}
.business_box7 {right: 60px;bottom: 55px;}

.portfolio_sec{padding:70px 0;background:linear-gradient(238deg, rgba(248, 226, 246, 0) 1.56%, #f8e2f6 35.94%, rgba(248, 226, 246, 0.61) 66.15%, #e2f6ff 100%);}
.portfolio_sec .head_area h2, .slide-info{text-align:center;}
.port_box{margin:15px 0;}
.port_img{border-radius:30px; overflow:hidden; height:500px; border:5px solid #fff;position:relative;}
.port_img:after{width: 100%;position: absolute;left: 0px;top: 0px;height: 100%;background: linear-gradient(-220deg, #5b29ffe6 39%, #a91daee6);content: "";opacity: 0;transition:all 0.5s;}
.port_img img{width:100%; height:100%; object-fit:cover;transition:all 0.5s;}
.port_box h3{color:#000; font-size:20px;font-weight:600; display:block; margin:10px 20px 0; position:relative; text-transform:uppercase;transition:all 0.5s;}
.port_box h3:after{content:"\f061";position:absolute;right:0;top: 50%;font-family:"Font Awesome 6 Free";font-size: 32px;transform: translateY(-50%) rotate(-45deg);text-shadow: 0 4px 5px rgba(0,0,0,0.3);}
.port_box:hover h3{color:#ff4700;}
.port_box:hover img{transform:scale(1.1);}
.port_box:hover .port_img:after{opacity:0.7;}

.testimonial_area{padding:70px 0;}
.testimonial_area .head_area{text-align: center;}
.test_box{padding: 66px 20px 20px;box-shadow: 0 0 30px rgb(0 0 0 / 10%);margin-top:45px;position: relative;width: 100%;}
.image_box{position: absolute;top: -40px;right: 20px;}
.image_box span{width: 34px;height: 34px;background: #ff4700;display: inline-block;border-radius: 100%;position: absolute;bottom: 0;right: 0;text-align: center;line-height: 34px;}
.image_box span img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.rating_area i{font-size: 14px; color: #ff4700; margin-right: 2px;}
.test_box p{color: #6a6a6a; line-height: 28px; margin: 10px 0;text-align: justify;}
.test_box h3{font-size: 22px; font-weight: bold;color: #000; margin: 20px 0 0;}
.test_box h3 span{font-size: 16px; font-weight: 500;}
.testimonial_area .btn_area{margin-top: 50px; text-align: center;}
.testimonial_area .btn_area a{background: #ff4700; border: none;}
.testimonial_area .btn_area a span:after{background: #000;}
.testimonial_area iframe{height:500px; width:100%;}

.footer_area{background: linear-gradient(267deg, rgba(2, 27, 82, 1) 23%, rgb(2 30 82) 80%);padding: 70px 0;position:relative;z-index: 1;}
.footer_area:after{content:"";background:url(../images/footer_back.webp) no-repeat center;position:absolute;width:100%;height:100%;left:0;top:0;background-size: cover;z-index: -1;opacity:0.5;}
.footer_area h3{font-weight: bold; font-size: 22px; position: relative; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 10px;color: #fff;}
.footer_area h3:after{content: "";width: 80px; height: 3px;background: #ff4700;position: absolute; left: 0; bottom: 0;}
.foot_left p{line-height: 28px; color: #d2d2d2; text-align: justify;margin: 0;}
.foot_menu ul li{list-style: none; margin: 5px 0; position: relative;padding-left: 25px;}
.foot_menu ul li a{color: #d2d2d2;transition: all 0.3s;}
.foot_menu ul li a:hover{color: #ff4700;}
.foot_menu ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #ff4700;}
.foot_address p{color: #d2d2d2; display: flex;}
.foot_address p i{max-width: 35px;margin-top: 3px;width: 100%;color: #ff4700;}
.foot_address p span{display: block;}
.foot_address p span a{color: #d2d2d2;text-decoration: none;}
.social_iframe iframe{height:300px; border:1px solid #fff;border: 1px solid #fff !important;}

.copy_area{background: #001542;padding: 20px 0;border-top: 1px solid #727272;z-index: 1;}
.copy_area p{margin: 0; color: #fff;}
.copy_right{text-align: right;}

/*===============About Us Starts===============*/
.inner_area {background: #001542;padding:50px 0;text-align: center;}
.inner_area:after {right: -8%;top: -15%;-webkit-filter: blur(110px);filter: blur(110px);}
.inner_area:before {left: -10%;top: 20%;-webkit-filter: blur(350px);filter: blur(350px);-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}

.inner_area h1{margin: 0; font-size: 36px; font-weight: bold; color: #ffffff;position: relative;padding-bottom: 5px; text-align: center;}
.inner_area h1:before{content: ""; position: absolute; left:50%; transform: translateX(-50%);bottom: 0; width: 50px; height: 2px; background-color: #ff4700;}
.inner_area ul{margin-top:20px;}
.inner_area ul li{list-style: none; display: inline-block; color: #ffffff;margin-right: 5px;}
.inner_area ul li a{color: #ff4700; font-weight: 600;}

.secform-box{margin:15px 0;}
.sec-button{font-size:15px !important;}
.button-area a{width:100%;}


.about_body, .about_mission{padding: 70px 0;}
.tabbed-content .tabs {display: none;}
.tabbed-content .tabs ul{list-style:none;text-align:center;}
.tab_cont h3, .mission-sec h3, .head_area h3{font-size: 36px;font-weight: 400;margin-bottom: 40px;color:#000;}
.tab_cont h3 span, .mission-sec h3 span, .head_area h3 span, .sec-cont h3 span{color:#ff4700;font-weight:bold;}
.tab_cont h3:before{content: "";background:url(../images/vision.png);width: 237px;height: 223px;position:absolute;top: -106px;left: 200px;}
.tab_cont1{position:relative;}

.sec-cont h5, .sec-cont h3{color:#fff;}
.head_areabox {justify-content: center;}
.head_box1{padding:0 50px;}
.head_box1 img{border-radius:100px;width: 150px;}
.tabs span{background:#ff4700;padding:5px 20px;color:#ffffff;}
.tabs ul li{margin:10px; }
.tabbed-content .item::before {content: attr(data-title);display: block;text-decoration: none;font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 20px;padding: 15px 10px;background:#f2f2f2; color:#000;border-radius: 10px;width: 100%;transition: all 0.3s;text-align: center;}
.tabbed-content .item .item-content {opacity: 0;visibility: hidden;height: 0;}
.tabbed-content .item.active .item-content {opacity: 1;visibility: visible;height: auto;}
.tabbed-content .item.active:before{background:#ff4700; color: #fff;}
.tab_cont{margin-top: 20px;padding: 20px 40px;background:#fff;border:2px solid #ff8250;box-shadow:0 0 5px rgba(255, 164, 79, 0.4);border-radius:30px;position:relative;}

.tab_cont p, .mission-sec p, .mission-sec li{color: #6a6a6a; line-height: 28px; margin: 10px 0;text-align: justify;}
.about_right{position: relative;}
.about_right:before{content: "";background:url(../images/be-1.svg); width: 600px;height: 515px;background-repeat:no-repeat; position: absolute; left: -15px; bottom: -15px;border-radius: 8px;z-index: -1;}
.about_right img{width:100%;height:100%; object-fit: cover;border-radius: 8px;-webkit-animation: a-three 5s infinite linear;
    animation: a-three 5s infinite linear;
}
@keyframes a-three {
	0% {
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
	50% {
	  -webkit-transform: translate(0, 35px);
			  transform: translate(0, 35px);
	}
	100% {
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
  }
.tab_cont ul li{list-style:none; padding:0px 0 5px 22px;position: relative;color: #6a6a6a; line-height: 28px;text-align: justify;}
.tab_cont ul li span{color:#000; text-transform:uppercase; font-weight:bold;}
.tab_cont ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #ff4700;}
.about_mission{background: linear-gradient(238deg, rgb(58 0 0 / 0%) 1.56%, #ffecd7 35.94%, rgb(255 232 211 / 27%) 66.15%, #ffe1c6 100%);width:100%;background-size:cover;}
.mission-sec1 img{width:100%;-webkit-animation: a-three 5s infinite linear;
    animation: a-three 5s infinite linear;
}
@keyframes a-three {
	0% {
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
	50% {
	  -webkit-transform: translate(0, 35px);
			  transform: translate(0, 35px);
	}
	100% {
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
  }
.mission-sec img{width:80px;}
.mission-sec ul {list-style:none;}
.mission-sec .fa-solid{color:#ff4700;}
.mission-sec h3{position:relative;}
.mission-sec h3:before{content: "";background:url(../images/mission1.png);width:300px;height:200px;position:absolute;top: -120px;left: 180px;}
.sec-margin{margin:auto 0;}

.choose_back{background: url(../images/choose_back.png) no-repeat 0 0 #ffffff; background-size: cover; padding: 70px 0;position:relative;z-index:1;}
.choose_back:before{content:"";background: rgba(255,255,255,0.9); background-size: cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.choose_back .head_area{text-align: center;margin-bottom: 20px;}
.choose_box{position:relative;text-align:center;}
.choose_icon{padding:10px;width: 120px;height: 120px; margin:0 auto;border-radius: 100%;text-align: center;position:relative}
.choose_box i{color: #ffffff;line-height: 100px;font-size: 40px;width: 100px;height: 100px;background: #ff4700;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.choose_icon:after {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;border-radius: 50%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border: 2px dashed #ff4700;opacity:0;}
.choose_box:hover .choose_icon:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-animation: rotated_circle 5s linear infinite;animation: rotated_circle 5s linear infinite;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity:1;}
@keyframes rotated_circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg); }
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg); }
}
.choose_box h3{margin: 10px 0 0;font-size: 16px;font-weight: bold;color: #000000;}
.choose_box p{ font-size: 16px; margin: 10px 0 0;color: #000000;}
/*===============About Us Ends===============*/

/*===============Contact Starts===============*/
.contact_area{background: #f2f2f2;}
.cont_form_area .head_area{margin-bottom:30px;}
.cont_iframe_area{height:600px;}
.cont_iframe_area iframe{width:100%; height:100%;}
.cont_form_area{width:80%;margin:auto;}
.cont_form_area .screen-reader-response{display:none;}

.cont_form_area form input, .cont_form_area form select{border: 1px solid #b7b7b7;height: 42px; color: #666666; border-radius: 0;background:transparent;margin:10px 0;}
.cont_form_area form select{appearance:auto;}
.cont_form_area form textarea{border: 1px solid #b7b7b7;height:80px; color: #666666; border-radius: 0;background:transparent;margin-bottom:10px;}
.cont_form_area form input::placeholder, .cont_form_area form select::placeholder, .cont_form_area form textarea::placeholder{color: #666666;}
.cont_form_area form input:focus, .cont_form_area form select:focus, .cont_form_area form textarea:focus{box-shadow: none; border: 1px solid #ff4700;}
.form_btn{text-align: center;}
.form_btn button {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 1600ms;transition-delay: 1600ms;border:none; padding: 0;margin: auto 0; border-radius: 50px; border: 2px solid #ff4700; overflow: hidden;display: inline-block; border: none; background: #ff4700;}
.form_btn button span{position: relative;display:block;font-size: 18px;line-height: 26px;color: #fff;text-align: center;padding: 12px 40px;z-index: 1;background: transparent;text-decoration:none; font-weight: 600;}
.form_btn button span:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: #000;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.form_btn button span:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}


.cont_info_area{padding:70px 0;}
.cont_box{border: 2px solid #f2f2f2;padding: 30px 0 20px;transition:all 300ms linear 0s;position: relative;flex:1;}
.cont_icon{border: 2px solid #ff4700;border-radius: 50%;display:block;height: 120px;padding: 10px;text-align: center;width: 120px;margin: 0 auto 30px;position: relative;transition: all 300ms linear 0s;z-index: 1;}
.cont_icon i{color: #ff4700;font-size: 50px;position: relative;top: 50%;transform: translateY(-50%);}
.cont_details{padding: 20px 10px 10px;text-align: center;z-index: 1;position:relative;}
.cont_details p{margin:0;position:relative;color:#515151;}
.cont_details p a{color:#515151;text-decoration:none; display: block;}
.cont_details p:before {bottom: -8px;content: "";height: 1px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;background-color: #f2f2f2;}
.cont_details p:after {bottom: -8px;content: "";height: 1px;left: 0;margin: auto;position: absolute;right: 0;width: 100px;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0;-webkit-transition: opacity 0.6s,-webkit-transform 0.6s;transition: opacity 0.6s,transform 0.6s;border-width: 1px 0 0;background: #ff4700;}
.cont_box:after, .cont_box:before {background-color: #f2f2f2;content: "";height: 180px;left: 0;position: absolute;top: 0;width: 100%;}
.cont_box:before {opacity: 0;transition: opacity 0.6s ease 0s,transform 0.6s ease 0s;z-index: 1;}
.cont_box:hover {border: 2px solid #ff4700;}
.cont_box:hover:before {opacity: 1;background: #ff4700;}
.cont_box:hover .cont_details p:after {opacity: 1;transform: scale(1);}
.cont_box:hover .cont_icon{border:#fff; background:#fff;}
/*===============Contact Ends===============*/

/*===============Review Starts===============*/
.review_area{padding:70px 0;}
.review_area .wp-google-reviews{display:flex; flex-wrap:wrap;margin:0 -12px;}
.review_area .wp-google-review{width:33.3333%;flex: 0 0 auto; display:flex; padding:0 12px;margin: 15px 0;}
.review_area .wp-google-time{display:none;}
.review_area .wp-google-stars{display:block;}
.review_area .wp-google-left{margin-right:10px;}
.review_area .wp-google-text{color: #6a6a6a;line-height: 26px;text-align: justify;display: block;}
.review_area .wp-google-url{transition-delay: 1600ms;border:none;margin: auto 0;border-radius: 50px;background: #ff4700;overflow: hidden;display: inline-block;padding: 12px 40px;color: #fff;font-size: 18px;line-height: 26px;font-weight: 600;text-align: center;position: relative;left: 50%;transform: translateX(-50%);margin-top: 30px;}
/*===============Review Ends===============*/

/*===============Portfolio Starts===============*/
.portfolio_area{padding: 40px 0;}
.graph_nav_button{display:none;}
.graph_primary_back{padding:10px; border-radius:5px;}
.graph_primary_back span{display:block;}
.graph_cont_box h3{color:#ff4700;font-size:18px;margin: 0 0 5px;padding: 0 0 5px;font-weight:bold;text-align:center;border-bottom: 1px solid;}
.port_wrap img{width:100%;}
.port_wrap{display:block; position:relative;border:1px solid rgba(0,0,0,0.3);margin:10px 0;}
.port_wrap:hover .demo-gallery-poster img {opacity: 1;}
.port_wrap .demo-gallery-poster {bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.port_wrap .demo-gallery-poster img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;width: auto;}
.port_wrap:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}

.marketing_cont{width:100%; margin:auto 0;}
.marketing_cont h4{color:#000; font-size:18px; margin:0 0 10px; font-weight:bold;}
.marketing_cont p{text-align:justify; margin:0 0 10px;}
.marketing_cont ul li{list-style:none;margin:5px 0;}
.marketing_cont ul li a{color:#ff4700;}
.marketing_cont ul li span{font-weight:600;}

.desktop{background-image: url(../images/desktop.webp);/* padding: 17px 60px 120px; */background-size: 450px;height: 320px;background-repeat: no-repeat;margin: 10px 0;position:relative;background-position: center 0;}
.desktop img, .desktop iframe{height: 200px;width: 350px;object-fit: cover;object-position: center top;transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;position: absolute;left: 50%;top: 14px;transform: translate(-50%);}
.desktop img:hover{object-position: center bottom;}
.web_port{padding:15px 12px; border-bottom:1px solid rgba(0,0,0,0.1);}
.web_port:last-child{border:none;}
.video_box{position:relative;height: 170px;margin:15px 0;}
.video_box img{width:100%;cursor:pointer;object-fit: cover;height: 100%;}
.play_btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 45px !important;height: auto !important;}
/*===============Portfolio Ends===============*/

/*===============Courses Starts===============*/
.courses_area{padding:70px 0;}
.course_box{border:1px solid #ff4700; overflow:hidden;border-radius:8px;width:100%;}
.course_box h3{color:#fff; text-align:center; padding:10px 0; background:#ff4700; margin:0; font-size:22px; text-transform:uppercase;}
.course_cont{padding:20px;}
.course_cont p{color: #6a6a6a; line-height: 28px; margin: 10px 0;text-align: justify;}
.course_cont ul li{list-style:none; padding:10px 0 10px 30px;border-bottom:1px solid #d3d3d3;position:relative;}
.course_cont ul li:last-child{border:none;}
.course_cont ul li span{color:#000; text-transform:uppercase; font-weight:bold;}
.course_cont ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #ff4700;}
/*===============Courses Ends===============*/

/*===============Website Design Starts===============*/
.web_body{padding:70px 0;}
.web_left{padding-right: 30px;}
.web_left p{color: #6a6a6a; line-height: 28px; margin: 10px 0;text-align: justify;}
.web_left .sec-pad{color:#000;padding:20px;background: #c1f2ff;border-radius: 30px;border: 2px solid #fff;box-shadow: 0 0 10px rgb(186 186 186 / 71%);}
.web_left .sec-pad1{color:#000;padding:20px;background: #ffa986;border-radius: 30px;border: 2px solid #fff;box-shadow: 0 0 10px rgb(186 186 186 / 71%);}
.web_left .sec-pad2{color:#000;padding:20px;background: #ffc1e0;border-radius: 30px;border: 2px solid #fff;box-shadow: 0 0 10px rgb(186 186 186 / 71%);}
.sec_right{position: relative;margin: auto 0;display: inline-block;}
.sec_right::before{content: "";background: url(../images/round-o2.svg);position: absolute;width: 350px;height: 350px;background-position: center;background-size: contain;-webkit-animation: spin1 6s linear infinite;animation: spin1 6s linear infinite;left: 224px;bottom: -50px;z-index: -1;}
	@keyframes spin1 {
		0% {
			transform: rotate(0deg)
		}
	
		100% {
			transform: rotate(360deg)
		}
	}
.web_right{width: 100%;}
.web_right img{width: 100%;}
.sec_right img, .right-sec img{width:100%;height:100%; object-fit: cover;}
.right-sec{position: relative;margin: auto 0;display: inline-block;}
.right-sec:before{content: "";background: url(../images/item-4.webp);position: absolute;width: 287px;height: 257px;background-size: cover;left: 303px;bottom: 25px;z-index: 1;-webkit-animation: a-three 5s infinite linear;
    animation: a-three 5s infinite linear;}
	@keyframes a-three {
        0% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
        50% {
          -webkit-transform: translate(0, 35px);
                  transform: translate(0, 35px);
        }
        100% {
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
        }
      }	
.right-box img{width:100%;}
/* .webservive_area{padding:70px 0;background:#eff4fd;}
.webservive_area .head_area{text-align: center;}
.web_box{padding: 66px 20px 20px;box-shadow: 0 0 30px rgb(0 0 0 / 10%);margin-top:55px;position: relative;width: 100%; background:#fff; width:100%;}
.webicon_box{position: absolute;top: -40px;right: 20px;width:100px;height:100px;}
.webicon_box img{border-radius:100%; border:2px solid #ff4700;}
.webicon_box span{width: 36px;height: 36px;background: #ff4700;display: inline-block;border-radius: 100%;position: absolute; bottom: -6px; right: -6px;text-align: center;line-height: 34px;color: #fff;font-weight: bold;border: 2px solid #fff;}
.web_box p{color: #6a6a6a; line-height: 28px; margin: 10px 0 0;text-align: justify;}
.web_box h3{font-size: 22px; font-weight: bold;color: #000; margin:0;} */
.web_box h3{font-size:18px !important;font-weight:bold;transition:all 0.5s; color: #000;}
.web_box p{line-height:28px;transition:all 0.5s; text-align:justify;}
.web_box{padding: 10px 20px;border: 1px solid #ff4700;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-radius: 20px;margin-bottom: 20px;position:relative;background: #fff;z-index: 1;}
.webicon_box{display: inline-block;padding: 15px;background: #f9ecff;border-radius: 100px;margin-bottom: 20px;border:1px solid rgba(0,0,0,0.3);}
.webicon_box img{width: 70px; mix-blend-mode: darken;}
.web_box:before{position: absolute;content: "";right: 0;bottom: 0;width: 100%;height: 0;background: url(../images/be-1.png);transition:all 0.5s;background-size: cover;background-repeat: no-repeat;border-radius: 10px;z-index: -1;border-radius:20px; opacity:0.3;}
.web_box:hover::before {height: 100%;}
/*.web_box:hover.web_box h3, .web_box:hover.web_box p{color:#fff;}*/
/* .web_box:hover .web_box h3, .web_box p{color:#fff;} */
.web_para{padding-bottom:70px;}
.web_para p{color: #ffffff; line-height: 28px; margin: 10px 0;text-align: center;}
.btn_area{margin-top: 20px;}
.btn_area a{background: #ff4700; border: none;}
.btn_area a span:after{background: #000;}
.web_para .sec-1{background: linear-gradient(180deg, rgb(2 0 93) 0%, rgb(0 21 106) 26%, rgb(0 14 115) 43%, rgb(0 1 132) 63%, rgb(12 0 106) 84%);padding: 40px 30px;border-radius: 30px;color: #fff;text-align: center;}
.sec-p{background:#faefff;padding:6px 20px; border-radius:30px;border:3px solid #fff;box-shadow:0 4px 7px rgba(220, 116, 255, 0.3);}
.boxsec_area{background: url(../images/app-bg.png);background-size: cover;width:100%;height:100%;padding:100px 0;background-attachment: fixed;position: relative;z-index: 1;text-align:center;}
.boxsec_area:before{content: "";background:rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:-1;}
.webservive_area{padding: 70px 0 30px;background: linear-gradient(32deg, #ffffff, #f4dbffb5);}

.color-item2{padding:0 10px 20px;border-radius:15px;height:300px !important;}
.color-item2 img{width:100%;border-radius:15px;border:5px solid #fff;height:100%;object-fit: cover;}


.slide-info{padding-bottom: 70px;position: relative;}

.flex-title {color: #f1f1f1;position: relative;font-size: 30px;margin: auto;text-align: center;top: 10%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
	
.flex-about {opacity: 0;color: #f1f1f1;position: relative;width: 70%;font-size: 2vw;padding: 5%;top: 15%;border: 2px solid #f1f1f1;border-radius: 10px;line-height: 1.3;margin: auto;text-align: left;
transform: rotate(0deg);-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.flex-title img{border: 3px solid #fff;border-radius: 137%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);padding: 5px;}

.flex-slide {-webkit-flex: 1;  /* Safari 6.1+ */-ms-flex: 1;  /* IE 10 */    flex: 1;cursor: pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;margin: 0 10px;border-radius: 30px;height:600px;}

.flex-about p{font-size:15px;line-height:24px;text-align: justify;}

.flex-slide:hover {-webkit-flex-grow: 3;flex-grow: 3;
}
.home {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-macquarie-71208_1920.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}

@keyframes aboutFlexSlide {
	0% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	50% {
		-webkit-flex-grow: 3;
		flex-grow: 3;
	}
	100% {
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}

@keyframes homeFlextitle {
	0% {

		top: 30%;
	}
	50% {

		top: 30;
	}
	100% {

		top: 30;
	}
}

.flex-about-home {opacity: 0;}

@keyframes flexAboutHome {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



.about {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/beach-2089959_1280.jpg);background-size: cover;background-position: center center;background-attachment: fixed;	
}
.contact-form {
	width: 100%;
}
input {
	width: 100%;
}
textarea {
	width: 100%;	
}
.contact {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/lake-696098_1920.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}
.work {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}
.box {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/forest-208517_1280.jpg);background-size: cover;background-position: center center;background-attachment: fixed;}
/*===============Website Design Ends===============*/

/*===============Blog Starts===============*/
.blog_box{background: #fff; border-radius: 8px;overflow: hidden;margin: 12px 0;border: 1px solid rgba(0,0,0,0.3);}
.blog_box h2{color: #000; padding: 15px 20px 0;font-size: 18px; font-weight: bold; margin: 0;position: relative;z-index: 1;}
.blog_box h2 a{color:#000;display:block;}
.blog_box p{margin:5px 0 15px;color:#6a6a6a;padding: 0 20px;}
.blog_img{overflow: hidden;display:block;position:relative; height:230px;}
.blog_img img{width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;}
.blog_box a.btn{display: block; color: #fff; font-size: 14px; font-weight: bold;position: relative;z-index: 1;transition: all 500ms ease;padding: 15px 5px;background:#000;border: none;border-radius: 0;}
.blog_img:before {position: absolute;content: '';background: rgba(0,0,0,.3);width: 100%;height: 0%;left: 0;right: 0;bottom: 0;transition: all 500ms ease;z-index: 1;}
.blog_box:hover .blog_img img{transform: scale(1.1);}
.blog_box:hover .blog_img:before{height: 100%;top: 0;}
.blog_box a.btn:after {position: absolute;content: '';width: 0%;height: 100%;top: 0;right: -30px;z-index: -1;transition: all 500ms ease;background: #ff4700;}
.blog_box:hover a.btn:after {width: calc(100% + 60px);left: -30px;}
.blog_calender{color:#6a6a6a; padding: 10px 20px;border-bottom: 1px solid rgba(0,0,0,0.3);}
.blog_tag{color:#ff4700;}

.blog_det_img{overflow:hidden;}
.blog_det_img img{width:100%;}
.blog_det_cont{padding:15px 20px;}
.blog_det_cont h3{color:#000; font-weight:bold;}
.blog_det_cont p{margin: 5px 0;color: #6a6a6a;}
.blog_det_cont ul{margin: 5px 0;color: #6a6a6a;}
/*===============Blog Ends===============*/

/*===============Website Development Cost Starts===============*/
.cost_area{padding:70px 0;}
.cost_form{padding:20px;border-radius:30px;border: 1px solid #7400d4;box-shadow:0 0 17px rgba(170, 24, 202, 0.3);}
.cost_form form h3{background:#f9f0ff; font-size:14px; font-weight:600; color:#000; margin:0; padding: 10px 15px;border-radius: 10px;}
.cost_ul{display:flex;flex-wrap: wrap;margin:5px -5px 10px;}
.cost_ul li{list-style:none; display:inline-block;flex: 0 0 auto; width: 20%;padding:5px;}
.cost_ul2 li{width:50%;}
.costlbl {display: block;position: relative;padding: 6px 0 6px 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size:13px;color:#000;border:  1px solid #7400d4; border-radius: 10px;}
.costlbl input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.costlbl .checkmark {position: absolute;top: 50%;left: 5px;height: 20px;width: 20px;background-color: #eee;border-radius: 100%;transform: translateY(-50%);border: 1px solid #000;transition:all 0.5s;}
.costlbl:hover input ~ .checkmark {background-color: #ccc;}
.costlbl input:checked ~ .checkmark {background-color: #ff4700;border: 1px solid #ff4700;}
.costlbl .checkmark:after {content: "";position: absolute;display: none;}
.costlbl input:checked ~ .checkmark:after {display: block;}
.costlbl .checkmark:after {left: 50%;top: 50%;width: 10px;height: 10px;background: #ffffff;border-radius: 100%;transform: translate(-50%,-50%);}
.cost_input input{border-radius:0; border:none;border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; font-size:13px;margin: 5px 0 10px;}
.cost_input textarea{border-radius:0; border:none;border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; font-size:13px;margin: 5px 0 10px;height:60px;}
.cost_input input:focus, .cost_input textarea:focus{border-bottom:1px solid #ff4700; box-shadow:none;}
/*===============Website Development Cost Ends===============*/

.custom-bg {background: linear-gradient(238deg, rgba(248, 226, 246, 0) 1.56%, #f8e2f6 35.94%, rgba(248, 226, 246, 0.61) 66.15%, #e2f6ff 100%)}
.custom-btn:hover {background-color: #f3e8ff !important;transition: background-color 0.3s ease-in-out;}

._aqzl{display:none !important; visibility:hidden !important; opacity:0 !important;}
/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
    .tabbed-content{position:relative;margin:auto;}
    .tabbed-content .tabs {display: block; position:absolute; left:-100px; top: 50%; transform: translateY(-50%);}
    
    .tabbed-content .item {min-height: 0;padding-left: 60px;}
    .tabbed-content .item::before {display: none;}
    .tabbed-content.tabs-side .tabs {width: 150px;float: left;}
    .tabbed-content.tabs-side .tabs li {display: block;}
    .tabbed-content.tabs-side .item {margin-left: 150px;}

    .graph_tab .tabs{position: inherit;top: inherit;transform: inherit;left: inherit;width:100%;}
    .graph_tab .fixed .tabs{width:23%}
    .graph_tab .tabs ul p{font-weight:bold; margin:0 0 5px;text-transform: uppercase;border-bottom: 1px solid #878787;}
    .graph_tab .tabs ul p span{display:block;font-weight: 400;text-transform: capitalize;}
    .graph_tab .tabs li{margin:3px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border: none;text-transform: capitalize;position:relative;font-size: 14px;font-weight: 500;color: #505050;transform:inherit !important;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);padding:6px 25px;border-radius:100px;display:inline-block; transition:all 0.3s;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{;background: #ff4700;color: #fff;}
    /*.graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}*/
    .graph_tab .tabs li{display:inline-block; margin:5px;}
    .graph_tab .item{padding:0;}
    .graph_cont_box{background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);padding: 10px;border-radius: 5px;}
}

@media (min-width:981px) and (max-width:1366px){
    .head_nav .navbar-brand img{width:150px;}
	.head_nav .navbar-nav .nav-link{padding: 10px 10px;}
	.head_nav ul li a{font-size: 14px;}
	.head_btn a span{padding: 12px 20px;}

	.abt_right p, .test_box p{font-size: 14px; line-height: 24px;}

	.foot_menu_pad{padding: 0;}
	.footer_area h3{font-size: 18px;}
	.foot_left p{font-size: 14px; line-height: 24px;}
	.foot_menu ul li a, .foot_address p{font-size: 14px;}
	.copy_area p{font-size: 14px;}
	.foot_address p span a{word-break: break-all;}
}

@media (min-width:768px) and (max-width:980px){
    .head_nav .navbar-toggler:focus{box-shadow: none;}
	.head_nav .navbar-toggler span{display: block;background: #ff4700;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
	.head_nav{padding: 10px 0;}
	.head_nav .navbar-nav .nav-link{padding: 0;line-height:32px;}
	.head_nav nav .dropdown ul li a{padding: 5px 10px !important;}
	.head_nav nav .dropdown ul{width:100%;z-index: 0; position: relative;}
	.head_nav ul li a::before {display:none;}
	.social_top a{margin-left:5px;}
	
	.rotate_area{margin-top:50px;}
	.service_right{padding:0;}

	.abt_right p, .test_box p{font-size: 14px; line-height: 24px;}
	.abt_right ul li{font-size: 14px;}
    .business_box {font-size: 17px; line-height: 20px; padding: 8px 20px;}
    .business_innr img {margin: 150px 0 0;}
    .tech-sec{padding:40px 0;}
	.port_img{height:400px;}

	.head_area h2{font-size: 22px;}
	.footer_area h2{margin: 15px 0; font-size: 18px;}
	.foot_menu_pad{padding: 0;}
	.foot_left p{font-size: 14px; line-height: 24px;}
	.foot_menu ul li a, .foot_address p{font-size: 14px;}
	.copy_area p{font-size: 14px;}
	.demo-gallery > ul > li a{height: 200px;}
	.review_area .wp-google-review{width:50%;}
	
	.graph_nav_button{display:block;width: 100%;background:#002555;padding: 10px 0;border: none;color: #fff;}
    .graph_tab.tabbed-content .tabs{display:block;}
    .graph_tab.tabbed-content .item::before{display:none;}
    #graph_mobile_nav {display: none;z-index: 100;width: 100%;}
    .graph_tab.tabbed-content{margin:0;}
    .graph_content .item-content h3{font-size:14px; margin:10px 0 0;}
    .graph_primary_nav{margin-top:0;}
    .graph_primary_nav ul{padding:0; margin:0;}
    .graph_tab .tabs li{margin:5px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border-radius:5px;background: transparent;border: none;padding: 0;text-transform: capitalize;position:relative;font-size: 13px;font-weight: 500;color: #878787;text-decoration:none;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{;background: transparent;color: #ff4700;}
    .graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}
    #sidebar, #sidebar.fixed{position:relative;z-index:1;width:100%; top:inherit;}
    
    .desktop{background-size:370px; height:260px;}
    .desktop img, .desktop iframe{height: 167px;width: 290px;top: 10px;}
}

@media (max-width:767px){
	.head_nav .navbar-toggler:focus{box-shadow: none;}
	.head_nav .navbar-toggler span{display: block;background: #ff4700;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
	.head_nav{padding: 10px 0;}
	.head_nav .navbar-nav .nav-link{padding: 0;line-height:32px;}
	.head_nav nav .dropdown ul li a{padding: 5px 10px !important;}
	.head_nav nav .dropdown ul{width:100%;z-index: 0; position: relative;}
	.head_nav ul li a::before {display:none;}
    .cont_area p{margin:0 5px;}
	.cont_area{text-align:center;}
	.social_top{text-align:center;margin-top:5px;}
	.social_top a{margin:0 5px;}
    .btn_area a span {padding: 8px 25px;}

    .banner_area, .about_body, .about_mission {padding:30px 0;}
    .banner_left{text-align: center;}
    .banner_left h1{font-size:40px; line-height:60px;}
    .rotate_area{width:250px; height:250px;margin-top:50px;}
	.counterrotate {width: 50px;height: 50px;}
	.offer_area h3{font-size:18px;margin: 0 10px; padding:15px 10px;}
	.offer_area ul li{width:100%;font-size:14px; line-height:24px;}
	.counterrotate img{width:25px;}
	.batch_area ul li{margin-right:5px;}
	.batch_area ul li img{width:65px;}

	.cont_right_area .right_form{width: 245px;}
	.cont_right_area .menuIconToggle{width: 135px;text-align: center;padding: 10px 15px;font-size: 13px;right:-50px;}
	.cont_right_area input[type=checkbox]:checked ~ .menuIconToggle{right: 198px;}
	.cont_right_area .right_form input, .cont_right_area .right_form select{height: 36px;}
	.cont_right_area .right_form textarea{height: 70px;}
	.button_area a{width:45px;font-size:18px;right:10px;}

	.abt_right .head_area{margin-top: 20px;}
	.head_area h2{font-size: 18px;margin: 0;}

	.banner_btm ul:after, .banner_btm ul li:first-child, .banner_btm ul li:last-child{display: none;}
	.banner_btm ul{flex-wrap: wrap;}
	.banner_btm ul li{max-width: 50%;padding: 30px 0;}

	.about_area{padding: 0 0 40px;}
	.abt_left{position: relative;width: 100%;border-radius: 20px;box-shadow: 0 10px 10px rgb(1 65 139 / 20%);}
	.abt_right p{font-size: 12px; line-height: 20px;}
	.abt_right ul li{font-size: 12px;}
	.abt_right h3{font-size:12px;}
	
	.service_area{margin:0; padding:40px 0;}
	.service_left p, .serv_box p{font-size: 14px; line-height: 24px;}
	.service_left img{height:300px;}
	.service_right{padding:20px 0 0;}
	.serv_box a{font-size:16px;margin-bottom:10px;}
	.serv_box, .serv_box p{margin-bottom:15px;}
	.tech-sec{padding:50px 0;}

    .business_sec, .portfolio_sec{padding:40px 0;}
    .business_sec p{font-size: 12px;}
    .business_sec ul li {font-size: 14px;line-height: 22px;font-weight: 500;color: #fff;width: 100%;display: inline-block;margin: 0 0 10px;padding: 0 0 0 30px;background: url(../images/tick.svg) no-repeat left top 3px;text-align:left;}
    .business_sec .head_area{text-align:left;}
    .business_sec p{padding:0; text-align:left; margin-top:10px;}
    .desknone {display: inline-block;}
    .mobnone {display: none;}
    .tech-sec .content-box h3{font-size:26px;}
    
    .port_img{height:150px;}
    .port_box h3{font-size:14px;}
    
	.testimonial_area{padding:40px 0;}
	.test_box p{font-size: 14px; line-height: 24px;}

	.footer_area{padding: 40px 0;}
	.footer_area h3{margin: 15px 0; font-size: 18px;}
	.foot_left p{font-size: 14px; line-height: 24px;}
	.foot_menu_pad{padding-left: 0;}
	.foot_address p{font-size: 13px;}
	.foot_menu ul li a{font-size: 13px; display:block;}
	.foot_menu ul li:before{top:-3px;}
	.copy_area p, .head_area h2 {font-size: 14px;}

	.inner_area{padding: 40px 0;}
	.inner_area h1{font-size: 24px;}
	.inner_area:after{right: -84%;}
	.about_body{padding: 40px 0;}
	.tab_cont p, .mission-sec p, .mission-sec li{font-size: 14px; line-height: 24px;}
	.tab_cont{padding:15px 10px;}
	.about_right:before {left: -10px;bottom: -56px;background-size: 300px;width: 300px;height: 300px;}
	.mission-sec h3:before{left: 147px;top: -19px;background-size: 100px;width: 100px;height: 70px;}
	.mission-sec{padding-top:40px;}

	.choose_back{padding: 40px 0;}
	.choose_box{margin: 15px 0;}

	.review_area .wp-google-review{width:100%;}
	.review_area .wp-google-text{font-size:14px; line-height:22px;}
	.review_area{padding:40px 0;}
	.post {width: 100%;}
	.demo-gallery > ul > li a{height: 200px;}
	.filtermenu {width: 100%;}
	.filtermenu li {padding: 8px 10px;}
	
	.web_body, .webservive_area, .web_para{padding:40px 0;}
	.web_left{padding-right:0;}
	.web_left p{font-size:14px;line-height:24px;}
	.web_box p, .web_para p{font-size: 14px; line-height: 24px;}
	.web_box h3{font-size:16px;}

	.graph_nav_button{display:block;width: 100%;background:#002555;padding: 10px 0;border: none;color: #fff;}
    .graph_tab.tabbed-content .tabs{display:block;}
    .graph_tab.tabbed-content .item::before{display:none;}
    #graph_mobile_nav {display: none;z-index: 100;width: 100%;}
    .graph_tab.tabbed-content{margin:0;}
    .graph_content .item-content h3{font-size:14px; margin:10px 0 0;}
    .graph_primary_nav{margin-top:0;}
    .graph_primary_nav ul{padding:0; margin:0;}
    .graph_tab .tabs li{margin:5px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border-radius:5px;background: transparent;border: none;padding: 0;text-transform: capitalize;position:relative;font-size: 13px;font-weight: 500;color: #878787;text-decoration:none;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{background: transparent;color: #ff4700;}
    .graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}
    #sidebar, #sidebar.fixed{position:relative;z-index:1;width:100%; top:inherit;}
    
    .desktop{background-size: 310px;height: 230px;}
    .desktop img, .desktop iframe{height: 137px;width: 240px; top:10px;}
    .marketing_cont p{font-size:14px; line-height:24px;}
    .marketing_cont ul li{font-size:14px;}
	.tab_cont h3:before{background-size:100px;width:100px;height:100px;top: -32px;left: 132px;}
	.tab_cont h3, .mission-sec h3, .head_area h3{margin-bottom:15px;font-size:23px;}

	.flex-about{width:inherit;}
	.boxsec_area{padding: 50px 0;}
	.cost_ul li{width:50%;}
	.costlbl{font-size:12px;}
}

/*===============Responsive Ends===============*/