@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
/*FUTURE PT FONTS*/
@font-face {
     font-family: 'Futura Md BT';
    src: url('../fonts/FuturaBT-Medium.eot');
    src: url('../fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaBT-Medium.woff') format('woff'),
        url('../fonts/FuturaBT-Medium.ttf') format('truetype'),
        url('../fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-style: normal;
	font-display: swap;
}

body { line-height: 24px; color:#333; font-family: 'DM Sans', sans-serif; overflow-x:hidden}
.btn, a, button {-webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }
a { text-decoration: none;}
a:hover,a:focus,a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

 
/*SECTION HEADINGS*/
h1,h2,h3,h4,h5,h6{ font-family: 'Futura Md BT', sans-serif;}
.all_heading{ font-size:35px}
.sub-heading{ font-size:18px;line-height: 30px; }

/*buttons css*/
.btn-links{ transition: transform 0.25s ease-in-out; position:relative; font-size:16px; padding-bottom: 10px; color:#000}
.btn-links:hover:after { transform: scaleX(1);color:#fff;text-decoration:none}
.btn-links:after {content: "";display: block;position: absolute;bottom: 2px;left: 0;width: 0;border-bottom: solid 1px #fff;width: 100%;content: "";transform: scaleX(0);transform-origin: left;transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}

.btn {text-transform: uppercase;display: inline-flex;justify-content: center;align-items: center; font-size: 13px;padding-top: 12px;padding-bottom: 12px;padding-left: 25px; padding-right: 25px;font-weight:600;}
.btn-lg {border-radius: 5px; padding-left: 55px;padding-right: 55px; padding-top: 14px; padding-bottom: 14px;font-size: 12px;font-weight: 700;letter-spacing: 0.5px;}

.btn-wt{background-color:#fff; color:#000; border-radius:50px}
.btn-wt:hover{ background-color:#000;  color:#fff;}



/*background-color N Text color css*/
.bg-gray{background-color: #f5f5f5} 
 

.red{ color:#ed1c24;}
.gold{color:#9d805f} 
/*FORM CONTROL*/
.form-control:focus {color: #212529;background-color: #fff;border-color: #505050; outline: 0; box-shadow: 0 0 0 0.25rem rgb(50 50 50 / 25%);}

.sec-spacing{ padding:70px 0}
 
.img-zoom{overflow: hidden;}
.img-zoom img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.img-zoom:hover img {transform: scale(1.05);filter: grayscale(100%);} 

.container { max-width: 1290px;}

/*#################################################*/
/*################## MAIN STYLE ###################*/
/*#################################################*/
 
.radiant-nav {background-color:#fff;width: 100%;position: fixed;left: 0; top: 0;z-index: 100;transition-duration: .2s; padding:0;height:50px}
.radiant-nav .navbar-brand .logo-radiant {position: relative; top:15px; width:135px; z-index:1}
.logo-btm{bottom: -19px;width: 235px;left: -55px;}


.video-background-holder {position: relative;background-color:#000; width: 100%; overflow: hidden;object-fit: cover;height: 100vh;}
.video-background-holder video { object-fit: cover; width: 100vw; height: 100vh;}

.site_header .navbar ul li a.nav-link {color: #000; margin-left:15px;margin-right:15px;font-weight: 400; font-size:15px;height: 48px;align-items: center;display: flex;}
.site_header .navbar ul li a.nav-link:hover{color:#ed1c24;}
 
/*BOOTSTRAP 4 DROPDOWN ON HOVER*/
.site_header .dropdown-menu{ border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; padding-bottom: 8px; margin-top: 0;}
.site_header .dropdown-menu .dropdown-item{font-size: 13px; padding: 0.35rem 1.5rem;border-bottom: 1px solid rgba(192,201,210,.2);}
.site_header .dropdown-menu .dropdown-item:last-child { border-bottom: none;}
.site_header .dropdown-menu .dropdown-item:hover,
.site_header .dropdown-menu .dropdown-item:focus{background-color: transparent;color: #ed1c24;}
.site_header .dropdown:hover>.dropdown-menu{display: block;}

/*HAMBURGER MENU START*/
/*Add Class "Collapsed" to "navbar-toggler" in HTML */
.site_header .navbar-toggler{padding: 0; outline: 0; color: transparent; background-color:transparent; border-color: transparent;}
.site_header .navbar-toggler:focus,
.site_header .navbar-toggler:active{outline: 0;}
.site_header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site_header .navbar-toggler .navbar-toggler-icon:before,
.site_header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #444; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site_header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site_header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #444;}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}
@media (max-width: 991.98px){.site_header .navbar-toggler-icon:before,.site_header .navbar-toggler-icon:after{background-color: #333;}}
/*HAMBURGER MENU END*/

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);z-index: 99;animation: smoothScroll 1s forwards;}
.isFixed.radiant-nav{background:#fff; padding:0px; border-radius: 0 0 15px 15px; height:auto}
.isFixed.radiant-nav .navbar-brand img { width:95px;top: 0;}
.isFixed.radiant-nav a.nav-link { height:59px !important;}
.isFixed .navbar-brand{ padding-bottom:0}

@keyframes smoothScroll { 0% { transform: translateY(-40px);}100% { transform: translateY(0px);}}

/*  OWL NAV BUTTONS*/
.owl-carousel .item > div{position: relative; z-index: 9; }
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {background:#bebebe;height: 40px;width: 40px; border-radius: 50px;color: #fff;font-size: 25px;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:#d8d8d8; }
  
 
.owl-theme .owl-dots{position: absolute; left: 0; right: 0; bottom:20px; }
.owl-theme .owl-nav.disabled+.owl-dots {  position: absolute; bottom: 0; left: 20px;}
.owl-theme .owl-dots .owl-dot span {margin: 5px 3px;width: 35px;height: 5px; border-radius: 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#000;}

/*-----About us css home page-----*/
.para-one{font-size:2.5rem;font-weight: 900;line-height:45px;color: #000;} 
.about-sec{background-color:#ffe900;padding:20px }
.wt-bg{padding: 20px 40px; border-radius: 20px 20px 0 0; margin-top: 1px;}
.about_us-H{ padding-top:20px}
 
 
.bouncecircle {  
  position: absolute;
  -webkit-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
  -moz-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
  -ms-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
  animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
}
@-webkit-keyframes bouncebounce {
  0% {
    bottom:-80px;
  }
  100% {
    bottom: -10px;
  }
}
@-moz-keyframes bouncebounce {
  0% {
    bottom:-80px;
  }
  100% {
    bottom: -10px;
  }
}
@-ms-keyframes bouncebounce {
  0% {
    bottom: -80px;
  }
  100% {
    bottom: -10px;
  }
}
@keyframes bouncebounce {
  0% {
    bottom: -80px;
  }
  100% {
    bottom: -10px;
  }
}




 /*-----client-logo sec.-----*/
.block-logo .logo {justify-content:center; width: 105px; margin:0 auto; height:75px !important}
.client-circle{justify-content: center; width: 200px;height: 200px;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center; background: #ed1c24;color: #fff;border-radius: 50%;font-size: 2.5rem;
font-weight: 600;margin-left: 20%;}

/*----- Services Css-----*/
.Service_home{ padding:150px 0}
.Service_block  .all_heading { font-size: 28px;}
.Service_block{ background-color:#ebebeb; border-radius:10px; padding:32px;margin-bottom: 25px;margin-left: 20px; margin-right: 20px; }
.Service_block .heading1{ font-size:20px; margin-bottom:10px}
.Service_block.color1:hover{background-color:#ed1c24; color:#fff}
.Service_block.color2:hover{background-color:#ffe900;}
.Service_block .extra li {position: relative;padding-left: 26px; margin-bottom: 10px;font-size:13px;color:#333; line-height:22px;}
.Service_block .extra li:before {left: 0px;color: #37B623;content: "\F270"; position: absolute;top: 50%;
transform: translateY(-50%);font-family: "bootstrap-icons";font-size: 1.1rem;}
.Service_block:hover .extra li, .Service_block:hover .extra li:before{color:#fff}
.Service_block.color2:hover .extra li, .Service_block.color2:hover .extra li:before{ color:#000}

.Service_home .owl-carousel .owl-nav{display: inline-block;  position: absolute;left: 0;}
.Service_home .owl-carousel .owl-stage { padding-left: 0 !important;}
 
.Service_home .owl-carousel .owl-nav button.owl-next, 
.Service_home .owl-carousel .owl-nav button.owl-prev {background:#999;height: 40px;width: 40px; border-radius: 50px;color: #fff;font-size: 25px; margin:5px}
.Service_home .owl-theme .owl-nav [class*=owl-]:hover{background-color:#333; color:#fff }


.Service_home .owl-carousel .owl-item {opacity: 0;transition-duration: 1s;transform: translate(0, -100px);}
.Service_home .owl-carousel .owl-item.active {opacity: 1;transform: translate(0px, 0px);}
.Service_home .owl-carousel .owl-item:nth-child(1) {transition-delay: 0.25s;}
.Service_home .owl-carousel .owl-item:nth-child(2) {transition-delay: 0.5s;}
.Service_home .owl-carousel .owl-item:nth-child(3) {transition-delay: 0.25s;}
.Service_home .owl-carousel .owl-item:nth-child(4) {transition-delay: 0.5s;}
.Service_home .owl-carousel .owl-item:nth-child(5) {transition-delay: 0.25s;}
.Service_home .owl-carousel .owl-item:nth-child(6) {transition-delay: 0.5s;}

.Service-svg {position: absolute; left: 0; top: 0;transform: translate(-25%, -12%) rotate(360deg) scale(0.9);z-index: -1;}
.Service-svg  svg { width: 700px;height: 800px;}
.Service-svg  svg path {fill:#ffe900;}

/*----our work----*/ 
.our-work-home{ background: linear-gradient(110deg, #ffe900 60%, #f7e529 60%); position:relative; height:100vh}
.our-work-home:before{ position:absolute; content:""; top:0; width:30%;  height:100%; background-color:#fbfbfb}
.our-work-home .owl-carousel .owl-nav{ position: absolute;left: 0;right: 0;bottom: -60px; display:inline-block;    width: 150px; margin: 0 auto;}
.our-work-home .owl-carousel .owl-stage { padding-left: 0 !important;}
.our-work-home .owl-carousel .owl-stage-outer {overflow: unset;}
.our-work-home .owl-carousel .owl-nav button.owl-next, 
.our-work-home .owl-carousel .owl-nav button.owl-prev {background:#fff;height: 40px;width: 40px; border-radius: 50px;color: #000;font-size: 25px; margin:5px}
.our-work-home .owl-theme .owl-nav [class*=owl-]:hover{background-color:#000; color:#fff }


.our-work_block {background:#fff;border-radius:14px;}
.our-work_block:hover{ }
.work-logo-sec{padding:10px;}
.work-logo-sec .logo { width: 76px !important; }
.profile_btns{ margin:10px 0 25px 0}

/*Awards-home css*/
.Awards-home{ background-color:#000;background-repeat: no-repeat;background-position: center center; min-height:280px;background-attachment: fixed;}
.Awards-home1 .text{background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);background-size: 150%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 80px;font-weight: 200;filter: drop-shadow(0 0 1px rgba(255, 200, 0, .3));animation: MoveBackgroundPosition 6s ease-in-out infinite;}
@keyframes MoveBackgroundPosition { 
  0% {
      background-position: 0% 50%
  }
  
  50% {
    background-position: 100% 50%
  }
  
  100% {
    background-position: 0% 50%
  }
}


.Awards-home1 {background-color: #000;}
.Awards-home1 .full_banner {position: relative; width: 100%;height: 100vh;overflow: hidden;}
.Awards-home1 .image_opacity {-webkit-transition: all 2s ease 0.6s;-moz-transition: all 2s ease 0.6s;-o-transition: all 2s ease 0.6s;-ms-transition: all 2s ease 0.6s;transition: all 2s ease 0.6s;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);opacity: 1;position: relative;width: 100%;height: 100%;}
.Awards-home1 .video-wrapper {position: absolute;top: 0; left: 0;width: 100%; height: 100%; object-fit: cover;overflow: hidden;}
.Awards-home1 .video-wrapper.half video {position: absolute;top: 50%; width: auto;min-width: 50%;height: 80%;min-height: 80%;left: auto; right:0; -webkit-transform: translateX(0) translateY(-50%);-moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}
.Award—winning{position: absolute;top: 50%;z-index: 2;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);transform: translateY(-50%);    max-width: 90vw;padding: 0 5vw; margin: 0 auto}
.Award—winning	h4{color: #fff;font-size: 80px;line-height: 90px}

.Award—winning .owl-carousel .owl-item img {width: inherit;}
 .All_Award .Qu{ margin-left:80px; margin-bottom:30px}
.Award-space{ margin-bottom:100px}

/*Blog-home css*/
.blog-sec{background: -webkit-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);
    background: -o-linear-gradient(10deg, #f8f8f8 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #f5f5f5 70%, #ffe900 70%);
    background: -moz-linear-gradient(10deg, #f8f8f8 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #f5f5f5 70%, #ffe900 70%);
    background: linear-gradient(110deg, #f8f8f8 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #f5f5f5 70%, #ffe900 70%); padding:150px 0 0 0; height:100vh}
.blog-sec .owl-carousel .owl-nav{display: inline-block;  position: absolute;left: 0;}
.blog-sec .owl-carousel .owl-stage { padding-left: 0 !important;}
.blog-sec .owl-carousel .owl-stage-outer {overflow: unset;}
.blog-sec .owl-carousel .owl-nav button.owl-next, 
.blog-sec .owl-carousel .owl-nav button.owl-prev {background:#fff;height: 40px;width: 40px; border-radius: 50px;color: #000;font-size: 25px;margin:5px; margin-top:10px}
.blog-sec .owl-theme .owl-nav [class*=owl-]:hover{background-color:#000; color:#fff }

.blog-sec .card{background: #e9e9e9;border: none;border-radius: 25px;}
.blog-sec .card:hover {box-shadow:0 25px 45px 0 #7e7f7e;}

.blog-sec .card-body{padding: 0;}
.blog-sec  a{color:#444}
.blog-sec .blog-content{ padding:20px}
.blog-sec .top_border{border-top:5px solid #ed1c24 }
.blog-sec  .all_heading{ font-size:25px}


/*----projects delivered css---*/
.projects_delivered{ padding:100px 0}
.projects_delivered .text{ font-size:50px; font-weight:700}
.projects_delivered .text span{font-size: 160px;font-weight: 700; vertical-align: middle;display: inline-block;}


/*----FOOTER CONTENT CSS---*/
 footer {background-image: linear-gradient(to right bottom, #f8f8f8, #f4f4f4, #f1f1f1, #ededed, #eaeaea, #eaeaea, #eaeaea, #eaeaea, #eeeeee, #f1f1f1, #f5f5f5, #f9f9f9);background-repeat: no-repeat;background-position: 50%;padding: 100px 0 40px; border-radius:50px 50px 0 0}
.footerContent{padding-bottom:30px; color:#333; padding-top: 10px;}
.foot-logo img{width: 120px; margin-bottom:20px}
.footerContent .ftrBlockTitle{color: #000; padding-bottom: 10px; letter-spacing:.8px}
.footerContent .footerBlock ul{padding: 0;margin: 0;}
.footerContent .footerBlock ul li{list-style: none;margin-bottom: 15px;}
.footerContent .footerBlock ul li a{color:#333;display: block;line-height: 20px;-webkit-transition: all 500ms ease;transition: all 500ms ease; position:relative; font-size:14px}
.footerContent .footerBlock ul li a:hover{color:#ed1c24;padding-left:10px;}
.footerContent .footerBlock ul li a::before {position: absolute;top: 45%;left: 0;bottom: 0;width: 6px;height: 6px;content: "";background-color:#ed1c24;-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;border-radius: 50%;-webkit-transition: all 500ms ease; transition: all 500ms ease;}
.footerContent .footerBlock ul li a:hover::before { opacity: 1}

.contactInfoBlock .h5, .contactInfoBlock span{font-size: 14px;}
.contactInfoBlock .h5 a{color: #333;font-size: 14px;}

.footer-widget .social-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
 -ms-flex-align: center;align-items: center;border-top: 1px solid #dcdcdc;margin-top: 23px;padding-top: 30px;}
.footer-widget .social-list a {display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
text-align: center;color: #707070;border-radius: 50%;height: 43px;width: 43px;background-color: #fff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.footer-widget .social-list a + a {margin-left: 10px;}
.footer-widget .social-list a:hover{ background-color:#ffe900; color:#000}
.desk_phone{ display: block;padding-left: 43px; margin-top: 5px;}
.site-footer-bottom {display: block; background-color: #ebebed;-webkit-box-shadow: 0px -1px 0px 0px rgba(230, 230, 230, 0.8); box-shadow: 0px -1px 0px 0px rgba(230, 230, 230, 0.8);padding: 30px 0;}
.site-footer-bottom p{color: #9e9ea7; margin: 0; font-size: 13px;}


/*****back to top******/
.back-to-top {background: #ffffff;bottom: 10px;color: #000;font-size: 23px; padding: 9px 10px;position: fixed; z-index: 10;right: 20px;border-radius: 20px 5px 20px 5px;}
.back-to-top:hover {background:#333;color: #fff;}


/*----About us page css----------*/
.aboutpage-sec1 {padding: 120px 0;}
.fs70{font-size: 70px;}
.fs40{font-size: 40px;}
.about-mg{margin-left: 55px;}
.aboutPage-sec2 {position: relative; padding: 120px 0;z-index: 2;}
.aboutPage-sec2::before {position: absolute;content: '';background-image: url(../images/trusted-banner1.jpg);left: 0;top: 0; width: 63%;background-repeat: no-repeat;background-size: cover;height: 100%; z-index: -1;}
.aboutPage-sec2 .features_cta_inner::before {position: absolute;content: '';left: 0;top: 0;width: 63%;background-repeat: no-repeat;background-size: cover;height: 100%;z-index: -1; background: #000;opacity: .90;}
.aboutPage-sec2 .features_cta_box {display: flex; align-items: center;justify-content: space-between;}
.aboutPage-sec2 .features_cta_box .features_widget {background: #eaeaea;max-width: 620px;padding: 111px 90px   110px 80px;margin-right: 50px; line-height:30px; position:relative}
.aboutPage-sec2::after {position: absolute;content: '';background-image: url(../images/trusted-banner2.jpg); right: 0;top: 0;width: 37%;background-repeat: no-repeat;height: 100%;z-index: -1;background-position: center right; background-attachment: fixed}
.aboutPage-sec2 .features_cta_box .features_widget::before {position: absolute; content: '';right: 0px;bottom: 0;
z-index: 1;border-bottom: 40px solid #c1c1c1;border-left: 40px solid transparent;}


.Global-Partnerships .css_x{ font-size:40px; padding: 0 20px; font-weight:600 }
.Global-Partnerships .Global_logo img{ width:90px;}
.Global-Partnerships{ padding:100px 0}
.circles-column .inner-column{position:relative;text-align:center;}
.circles-column .circles{position:relative;}
.circles-column .circles .circle-one{position:relative;width:280px;height:280px;border-radius:50%;margin:0 auto;border:2px solid #ececec;}
.circles-column .circles .circle-one:before{position:absolute;content:'';left:32px;top:32px;width:14px;height:14px;
border-radius:50%;border:1px solid #e11937;background-color:#ffffff;}
.circles-column .circles .circle-one:after{position:absolute;content:'';right:32px;bottom:32px;width:14px;
height:14px;border-radius:50%;border:2px solid #ffe900;background-color:#ffffff;}
.circles-column .circles .circle-two{position:absolute;left:50%;top:40px;width:200px;height:200px;border-radius:50%;margin:0 auto;margin-left:-100px;border:2px solid #ececec;}
.circles-column .circles .circle-two:before{position:absolute;content:'';right:22px;top:22px;width:14px;height:14px;border-radius:50%;background-color:#ffe900;}
.circles-column .circles .circle-two:after{position:absolute;content:'';left:22px;bottom:22px;width:14px;height:14px;border-radius:50%;background-color:#e1e1e1;}
.circles-column .circles .circle-three{position:absolute;left:50%;top:90px;width:100px;height:100px;border-radius:50%;margin:0 auto;margin-left:-50px;border:2px solid #ececec;}
.circles-column .circles .circle-three:before{position:absolute;content:'';left:-7px;top:32px;width:14px;height:14px;border-radius:50%;background-color:#e11937;}
.circles-column .circles .circle-one, .circles-column .circles .circle-two, .circles-column .circles .circle-three{animation-name: rotateme;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-name: rotateme;-webkit-animation-duration: 15s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: rotateme;-moz-animation-duration: 15s;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-ms-animation-name: rotateme;-ms-animation-duration: 15s;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;-o-animation-name: rotateme;-o-animation-duration: 15s;-o-animation-iteration-count: infinite;-o-animation-timing-function: linear;}
@-webkit-keyframes rotateme {
    0% {-webkit-transform: rotate(0deg); opacity: 1;}
    50% { -webkit-transform: rotate(180deg);opacity: 0.7;}
    100% { -webkit-transform: rotate(360deg); opacity: 1; }
}
@-moz-keyframes rotateme {
    0% {-moz-transform: rotate(0deg);opacity: 1; }

    50% {-moz-transform: rotate(180deg);opacity: 0.7;}
    100% {-moz-transform: rotate(360deg);opacity: 1;}
}
@-o-keyframes rotateme {
    0% { -o-transform: rotate(0deg);opacity: 1;}
    50% {-o-transform: rotate(180deg);opacity: 0.7;}
    100% { -o-transform: rotate(360deg);opacity: 1;}
}

@keyframes rotateme {
    
     0% { transform: rotate(0deg);opacity: 1;}
    50% { transform: rotate(180deg); }
    100% {transform: rotate(360deg); opacity: 1;
 }
}
.aboutPage-sec4 {background-color: #000;background-repeat: no-repeat;background-position: center center; padding:140px 0; min-height:490px}
.aboutPage-sec4 .block-content h3 { font-size:30px } 



/*----------service page css--------------*/

.topbanner {width: 100%;position: relative; padding: 100px 0 0  0;}
.topbanner:before {content: "";position: absolute;bottom: 0; top: 0;left: 0;right: 0;background:#ffe900 url(../images/.png) repeat-x left top;}
.topbanner h2 {margin: 0 0 20px 0; font-size:60px; line-height: 70px;color:#000;}
.topbanner .animated { animation: up-down 2s ease-in-out infinite alternate-reverse both;}
 
@media (max-width: 991px) {
  .topbanner { padding-top: 80px;}
  .topbanner h2 { font-size: 28px;line-height: 32px;margin-bottom: 10px;}
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.hero-waves {display: block; margin-top: 60px; width: 100%;height: 60px;z-index: 5;position: relative;}
.hero-img img{ width:280px;margin: 0 auto;display: block;}
.hero-img1 img{  margin: 0 auto;display: block;}
.wave1 use {-webkit-animation: move-forever1 10s linear infinite; animation: move-forever1 10s linear infinite;-webkit-animation-delay: -2s;animation-delay: -2s;}
.wave2 use { -webkit-animation: move-forever2 8s linear infinite; animation: move-forever2 8s linear infinite;-webkit-animation-delay: -2s;animation-delay: -2s;}
.wave3 use {-webkit-animation: move-forever3 6s linear infinite;animation: move-forever3 6s linear infinite;-webkit-animation-delay: -2s;animation-delay: -2s;}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
.Underline{display: inline-flex;flex-direction: column}   
.Underline:after{display: inline-block;content: "";margin-top: 0.08em;width: 100%;height: 4px;background-color: #ed1c24}
 
.border-end { border-right:1px solid #b5b5b5}

.black-img-bgs{background-color: #000; background-repeat:repeat; background-position: center bottom;background-image:url(../images/radiant-dark-bgs.png) }
.Process_stp{position: relative;display: block;border-radius: 10px;border: 1px solid transparent;
 background-color:rgb(255, 255, 255); padding: 38px 40px 24px;margin-bottom: 30px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.Process_stp:hover{background-color:#fff3ed; box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07); border: 1px solid #ffbabd;}
.Progress_icon img{width: 45px;}
.Progress_icon:before{position: absolute;top: -10px;left: -15px;border-radius: 50%;background-color: rgb(255, 233, 0); width: 40px;height: 40px; content: "";-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;transition: all 500ms ease;}
.Process_stp:hover .Progress_icon:before {transform: scale(1.3);}
.Process_stp .numbers{right: -13px;font-size: 26px;color: #ffffff; top: -15px;position: absolute; background: #ed1c24;border-radius: 50%;width: 40px; height: 40px;display: flex;align-items: center;justify-content: center;border:4px solid #c205054a;}
.Progress_title{font-size: 20px; position:relative; margin-bottom:0; margin-top:5px}
.Process_stp-text {font-size: 15px;margin: 0;line-height:27px;}

.Type-serv-block {position: relative;margin-bottom: 30px;z-index: 1;}
.Type-serv-block:last-child {margin-bottom: 0px;}
.Type-serv-block .inner-box {position: relative;background-color: #ffffff;border: 1px solid #e2e2e2;padding: 45px 38px;-webkit-transition: all 300ms ease;transition: all 300ms ease;border-radius: 10px;overflow: hidden;}
.Type-serv-block .inner-box:hover {-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
 box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-15px);transform: translateY(-15px);}
.Type-serv-block .inner-box:hover .icon-box {background-color:#f5f5f5;}
.Type-serv-block .inner-box:hover .icon-box .icon { color: #000;}
.Type-serv-block .icon-box {position: absolute;right: -52px;top: -75px;height: 140px;width: 140px; background: #ffe900;-webkit-transition: all 300ms ease;transition: all 300ms ease;border-radius: 50%;padding-top:80px;padding-left:35px;}

.Type-serv-block .icon-box img{ width:40px}
.Type-serv-block .icon-box .icon {color: #F00; font-size: 72px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.Type-serv-block .title a{ margin-bottom: 14px; color:#000; font-size:22px}
.Type-serv-block .text {overflow: hidden;height: 315px;}
.Type-serv-block .read-more { color:#ed1c24;}
.Type-serv-block .topline{ height:4px; width:100%; background-color:#ffe900; position:absolute; top:0; left:0 }
.Type-serv-block .inner-box:hover .topline{background-color: #f5f5f5;}
.Type-serv-block .inner-box:hover .read-more {color: #ffe900;}

.service-Faq .collapsible-link {width: 100%;position: relative; text-align: left;background: transparent; border: none;font-size:15px;text-transform: capitalize !important;padding: 8px 0;}
.service-Faq .collapsible-link::before {content: "\F282";position: absolute;top: 50%;right: 0.8rem;transform: translateY(-50%);display: block;font-family: "bootstrap-icons";font-size: 1.1rem;}
.service-Faq .collapsible-link[aria-expanded="true"]::before {content: "\F286";}
.service-Faq .card{margin-bottom: 5px;}

.blog-sec.service-block{ background:#f5f5f5 }

/*#################______JOB CAREERS CSS______#################*/
.video-container{width: 100%; position: relative;}
.video-container .video-content{position: absolute; top: 50%; transform: translate(0, -50%); z-index: 5; left: 0; right: 0; max-width: 1140px; margin-left: auto; margin-right: auto;}
.video-container .video-content h1{color: #fff; font-size: 40px; line-height: 1.3;}
.video-container .video-content p{color: #fff; font-size: 18px; margin-bottom: 0; line-height: 1.5;}
.video-container .overlay{width: 100%; height: 100%; opacity: 0.4; position: absolute; }
.video-container video {width: 100%; height: auto; position: relative;}
.video-container:after{content:""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000;mix-blend-mode: multiply; opacity: 0.5;}
		   
/*#################______JOB LIST______#################*/
.joblist-block{  margin-bottom:30px;overflow: hidden; position:relative}
           
.joblist-block .job-details h4{font-size: 18px; font-weight: 600; margin-bottom: 10px; color:#000;}
.joblist-block .job-details p{font-weight: 500; font-size: 12px; position: relative;line-height: 1.4; text-transform: uppercase;}
.joblist-block .job-details span{font-weight: 500; color: #333;text-transform: none;font-size: 13px;}
.joblist-block .job-cta-info {text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%;  }
 
		               
.joblist-block:before {content: "";height: 2px;width:10%;background: #000;display: block;bottom: 0px;position: absolute;}
.view-btns{ color:#000;font-size:13px;font-weight: 600;}
.view-btns:hover{color:#ed1c24}
.text-muted-carr{ color:#000; font-size:14px} 
 
/*#################______JOB DETAIL CSS______#################*/ 
.page-top-banner-radiant {height: 500px;width: 100%; background-position: top center;background-repeat: no-repeat;position: relative;border-bottom: 1px solid #f2f2f2;}
.Job_Description li {position: relative;padding-left: 26px; margin-bottom: 10px; color:#333; line-height:22px;}
.Job_Description li:before {left: 0px;color: #37B623;content: "\F270"; position: absolute;top: 12px;
transform: translateY(-50%);font-family: "bootstrap-icons";font-size: 1.1rem;}

/*#################______BLOG LISTING CSS______#################*/
.blog-list_single{ margin-bottom:90px}   
.blog-list_single .top-round{ border-radius:40px 40px 0 0 }
.blog-list_single .bottom-block{ }
.btm-border{border-bottom: 5px solid #ed1c24;}
.blog-list_single .date{ position: absolute; bottom: 0; background: #ed1c24;padding: 10px; color: #fff; font-size: 13px;font-weight: 500; border-radius:8px 8px 0 0}
.blog-list_single .all_heading { font-size: 28px;}


/*#################______BLOG DETAIL CSS______#################*/
.Job_Description.Blog_detail li:before { top: 20%;}
.widget-recent-news ul li { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-bottom: 30px;border-bottom: 1px solid rgba(0, 102, 255, 0.1); }
.widget-recent-news ul li:not(:last-child) {margin-bottom: 30px; }
.widget-recent-news ul li .image {-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width:90px;margin-right:30px}
.widget-recent-news a{ color:#000}

/*#################______CONTACT PAGE CSS______#################*/
.contact-wraps .from-control { padding: 15px 15px 15px 0px;color: #454545; width: 100%; max-width: 100%; opacity: 1; border-bottom: 1px solid #2d2c2c !important;border: none;}
.contact-wraps textarea {height: 120px !important; resize: none;}
.contact-wraps ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #454545;opacity: 0.6;}
.contact-wraps ::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;opacity: 0.6;}
.contact-wraps :-ms-input-placeholder {
  /* IE 10+ */
  color: #454545;opacity: 0.6;}
.contact-wraps :-moz-placeholder {
  /* Firefox 18- */
  color: #454545;opacity: 0.6;}
.contact-wraps  .btn-part i{ vertical-align: bottom;}
.contact-address-list { margin-top:28px} 
.contact-address-list a{ color:#000}
.contact-address-list li {margin-bottom: 25px;display: flex}
.contact-list-icon { margin-right:20px;}
.contact-list-icon i {font-size: 20px;color: #505050;padding-top: 4px;display: inline-block;}
.contact-list-text span {font-size: 15px;line-height: 25px;color: #040021;display: block;}

/*#################______CLIENT PAGE CSS______#################*/
.client-logos figure{max-height: 200px; height: 160px; display: flex!important; align-items: center; justify-content: center; align-content: center; padding: 20px!important;background:#fff;border-radius: 4px;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear}
.client-logos figure:hover{-webkit-transform:translateY(-3px);-ms-transform: translateY(-3px);box-shadow: 0 25px 40px -10px rgba(84, 79, 81, 0.3);background:#fff3ed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.client-logos img{width: 100%; height: auto; max-height: -webkit-fill-available; max-width: 130px; object-fit: contain} 

/*#################______THANKYOU PAGE CSS______#################*/
.thankyou-page{ padding:100px 0;background-image: linear-gradient(to bottom, #f8f8f8, #fafafa, #fbfcfb, #fdfdfd, #ffffff);z-index: 1;position: relative;}
.thankyou_color-part{ background-image: linear-gradient(to right bottom, #ff3038, #ff2d35, #ff2a32, #ff272e, #ff232b, #fa2027, #f41c22, #ef181e, #e31318, #d70d13, #cc060d, #c00007); border-radius:10px 10px 0 0; padding:65px 0}
.thankyou_text-prt{ padding:20px 20px 30px 20px} 


/*#################______portfolio EXM-1 CSS______#################*/
.filter-list {text-align: center;margin: 0px auto 30px auto;}
.filter-list button {display: inline-block; margin: 0;list-style: none;padding: 10px 15px;border: 1px solid #ed1c24;cursor: pointer;transition: all .5 ease;}
.filter-list button:hover { background: #ed1c24;color: #fff;}
.filter-list button.active { background: #ed1c24; color: #fff;}


.portfolio_item {overflow: hidden;position: relative;margin-bottom: 20px;}
.portfolio_item .portfolio_img a {display: block;overflow: hidden;}
.portfolio_img img {width: 100%;}
.link_container a {background-color: #fff;color: #ed1c24;font-size: 18px;width: 40px;height: 40px;display: inline-block;border-radius: 100%;line-height: 40px;margin: 0 2px;text-align: center;}
.link_container a:hover {background-color: #ed1c24;color: #fff;}
.link_container a .ion-ios-play {padding-left: 3px;}
.portfolio_content {bottom: 0;display: -webkit-flex;display: -ms-flexbox;display: -ms-flex;display: flex;
-webkit-justify-content: center;-ms-flex-pack: center;-ms-justify-content: center;justify-content: center;
-webkit-flex-flow: column nowrap;-ms-flex-flow: column nowrap;flex-flow: column nowrap;position: absolute;
top: 0px;right: 0;left: 0;text-align: center;transition: all 0.5s ease-in-out;border-radius:10px 10px 0 0}
.portfolio_item:hover .portfolio_content {background-color: rgba(0,0,0,0.9)}
.portfolio_desc {margin-top: 15px;text-align: center;}
.link_container {text-align: center;-moz-transform: translateY(50%);-webkit-transform: translateY(50%);
transform: translateY(50%);opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;}
.portfolio_item:hover .link_container {opacity: 1;visibility: visible;-moz-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.portfolio_desc a,
.portfolio_desc a:hover {color: #fff;}
.portfolio_desc h5, .portfolio_desc p {color: #fff;opacity: 0;visibility: hidden;-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;animation-duration: 1s;animation-fill-mode: both;-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
.portfolio_desc p {margin: 0;font-size: 15px;}
.portfolio_item:hover .portfolio_desc h5 {-webkit-animation-duration: 0.6s;-webkit-animation-fill-mode: both;animation-duration: 0.6s;animation-fill-mode: both;-webkit-animation-name: slideInUp;animation-name: slideInUp;opacity: 1;visibility: visible;}
.portfolio_item:hover .portfolio_desc p {-webkit-animation-duration: 0.7s;-webkit-animation-fill-mode: both;
animation-duration: 0.7s;animation-fill-mode: both;-webkit-animation-name: slideInUp;animation-name: slideInUp;opacity: 1;visibility: visible;}


/*#################______oopss  404 page______#################*/

.oopss { border-radius: 20px;padding: 25px;animation-name: backgroundColorPalette;animation-duration: 5s;
animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: linear; margin-bottom:25px }
.oopss .error-text {display: flex;flex-direction: column;justify-content: center; display: flex;
align-items: center;color: #000;height: 100vh;} 
.oopss .error-text span {font-size:8em; font-weight: 900; margin-bottom: 50px; }
@keyframes backgroundColorPalette {
	0% {background: #ee6055;}
	25% {background: #60d394;}
	50% {background: #aaf683;}
	75% {background: #ffd97d;}
	100% {background: #ff9b85;}
} 

/*#################______Wordpress CSS______#################*/

.wpcf7-form-control-wrap .form-control {padding: 15px 15px 15px 0px;color: #454545; width: 100%; max-width: 100%; opacity: 1; border-bottom: 1px solid #2d2c2c !important;border: none; height:auto; border-radius:0}



/*#################################################*/
/*################## MEDIAQUERIES #################*/
/*#################################################*/

@media (max-width: 991.98px){
 	 	 
}

@media (max-width: 767.98px){
	
 
 
/* ----- homepage css----- */
.isFixed {position:static;}
.site_header .navbar {padding: 0px 20px;} 
.radiant-nav .navbar-brand .logo-radiant {top: 2px;width: 100px;}
.logo-btm { bottom: -10px;width: 152px; left: -30px;}
.site_header .navbar-toggler { margin-top: -11px}
.wt-bg {padding: 15px }
.fs70 {font-size: 50px;}
.about-sec {padding: 10px;}
.para-one {font-size: 2rem;line-height: 39px;}
.client-circle{ position: static;}
.Service_block {margin-left: 0;margin-right: 0;margin-bottom: 0px;}
.Awards-home { display:none}
.Award—winning h4, .Awards-home1 .text { font-size: 60px;line-height: 65px;}
.Award-space {margin-bottom: 15px}
.All_Award .mr-5{margin-right: 1rem !important;}
.All_Award .media .mr-5 img{width: 135px;}

.blog-sec { padding: 60px 0;height: auto;}
.blog-sec .all_heading {font-size: 22px;}

.projects_delivered .text {font-size: 26px;}
.projects_delivered {padding: 50px 0;}
footer { padding: 30px 0; border-radius: 30px 30px 0 0;}
.footer-widget .social-list {padding-top: 10px;margin-bottom:30px;}

/*----About us css----*/
.about-mg {margin-left: 0}
.aboutPage-sec2 .features_cta_box {display: block;}
.aboutPage-sec2 .features_cta_box .features_widget {max-width: 100%;padding: 30px;margin-right: 0;line-height: 25px;margin-top: 20px;}
.aboutPage-sec2::before, .aboutPage-sec2 .features_cta_inner::before {width: 100%;}
.aboutPage-sec2::after{ width:auto}
.circles-column .inner-column {margin: 20px 0}
.aboutPage-sec4 {padding: 100px 0;min-height: auto}

.video-container .video-content p {display: none}
.video-container .video-content h1 {font-size: 30px;margin-top: 15px}
.joblist-block .job-details h4 {font-size: 14px;}
.joblist-block .job-cta-info {text-align: left;display: block;}
.job-cta-info .view-btns { margin-bottom: 30px;display: block;}

.page-top-banner-radiant {height: 350px;background-position: 72% 0;background-size: cover;}

/*---client css---*/
.client-logos figure {height: 120px;}

/*---services css----*/
.hero-icon-img img{ width:50%;}
.Type-serv-block .inner-box {padding: 35px;}
.Type-serv-block .text {height: auto;}
.service-Faq .collapsible-link {font-size: 13px;}
.service-Faq .collapsible-link::before { right: 0rem;}

.widget-recent-news{ margin-top:30px}
.blog-sec .owl-carousel .owl-stage-outer, .our-work-home .owl-carousel .owl-stage-outer { overflow: hidden} 
.Service_home { overflow-x: hidden }
}

@media (max-width: 576.98px){
#back-to-top{ display:none !important}
.navbar-nav {background: #fff;margin-top: 15px;}
.Awards-home1 .container{ padding:0}
.All_Award .Qu {margin-left: 40px; margin-bottom: 20px}	

.client-logos img {width: 70%;}
.blog-list_single {  margin-bottom: 30px;}

.post-template-default .text-muted-carr{ display:block;margin-top: 20px;}

.our-work-home { height: auto;}

.oopss .error-text span {font-size: 3.9em; }
.Awards-home1 .video-wrapper { display:none}
}