@charset "utf-8";

/*************** DEFAULT CSS ***************/
:root {

    --body-font: "Cairo", sans-serif;

    --body-font-Size: 14px;

    --body-color: #212121;

    --primary-color: #670042;

    --secondary-color: #fff799;

    --black: #000;

    --white: #fff;

}

body{

    font-family: var(--body-font);

    font-size:var(--body-font-Size);

    font-style: normal;

    line-height: normal;

    font-weight:400;

    color: var(--body-color);

    text-decoration: none;

    margin:0px;

    -webkit-font-smoothing: antialiased;

    padding:0;
    direction: rtl;

    

}

html{ scroll-behavior: smooth;}

* {

    -webkit-box-sizing: border-box;

    -mox-box-sizing: border-box;

    box-sizing: border-box;

}

::selection {

    background: var(--black); /* Safari */

    color:var(--white);

        }

::-moz-selection {

    background: var(--black); /* Firefox */

    color:var(--white);

}

a {

    color:var(--primary-color);

    text-decoration: none;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    }

    a:hover {

    color: var(--primary-color);

    }

p {

    margin:0 0 30px 0;

    clear:left;

    padding:0;

    line-height: 24px;

    }

/******* Headings Style *******/

h1 {font-size: 43px;}

h2 {font-size: 35px;}

h3 {font-size: 20px;}

h4 {font-size: 17px;}

h5 {font-size: 15px;}

h6 {font-size: 13px;}

h1, h2, h3, h4, h5, h6 {

    margin:0 0 20px 0;

    padding:0;

    font-weight:normal;

    }   

hr {

    margin:40px  0 60px 0;

    height:1px;

    border:0;

    border-top:1px solid #c1c1c1;

    border-bottom:1px solid #c1c1c1;

    float:left;

    width:100%;

    position:relative;

}

img{

    border:0;

}   

a img {

    border: 0;

    }



/*************** PRELOADER ***************/

#preloader {

    position: fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background-color:var(--white); /* change if the mask should have another color then white */

    z-index:214748364799999999999; /* makes sure it stays on top */

}

#status {

    width:100%;

    height:100%;

    position:absolute;

    left:0; /* centers the loading animation horizontally one the screen */

    top:0; /* centers the loading animation vertically one the screen */

    background-image:url(../images/loader.png); /* path to your loading animation */

    background-repeat:no-repeat;

    background-position:center;

    /*background-size: 260px;*/

    margin:0; /* is width and height divided by two */

}
#chat-application{ z-index: 214 !important; }
#chat-application .wpcf7-spinner{ display: none !important; }

/*************** COLUMS AND ROWS ***************/

main{ position:relative;    }

.row-flex{ width: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.justify-content-center { justify-content: center; }

.space-between{ justify-content: space-between; }

.justify-content-flex-end{ justify-content: flex-end }

.align-items-center{ align-items: center; }

.justify-content-space-evenly{ justify-content: space-evenly }

.align-items-flex-end{ align-items: flex-end }

.row{width:100%;display:block;margin:0 0 30px 0;padding:0;}

.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}

.container{ width:1200px;margin:0 auto;}

.fullwidth{ width:100%;display:block;}

.col-flex-wrp{ display: flex; justify-content: space-between;}

.two-col{flex:0 0 48%; }

.three-col{ flex:0 0 31%;}

.four-col{flex:0 0 22%;}

section {width: 100%; display: inline-block;position: relative;}

aside { flex:0 0 25%; margin: 0; padding: 0;}

summary { flex:0 0 70%; margin: 0; padding: 0;}

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

.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}

.list li{list-style: none;color: var(--body-color);padding-right: 26px;margin-bottom: 10px;line-height: 24px;position: relative;font-size: 14px;}

.list li:after{position: absolute;content: "\f00c";font-family: 'Font Awesome 6 Free';font-weight: 900;right: 0px;top: 8px;color: var(--primary-color);line-height: 10px;}

.list li a{ color: var(--body-color); }

.btn-style1 a, .btn-style2 a{display: inline-block;position: relative;background-color: var(--white); font-weight: 500;

padding: 10px 15px 12px 50px;border-radius: 5px;color: var(--primary-color); border: 1px solid var(--primary-color);}

.btn-style1 a:after, .btn-style2 a:after{content: "\f177";font-family: 'Font Awesome 6 Free';font-weight: 900;color: var(--primary-color);left: 18px;

position: absolute;top: 50%; margin-top: -4px; line-height: 9px;}

.btn-style1 a:hover{ background-color: var(--secondary-color); }

.btn-style2 a{ background-color: var(--primary-color); color: var(--white);}

.btn-style2 a:after{ color: var(--white); }

.btn-style2 a:hover{ background-color: var(--secondary-color); border: 1px solid var(--secondary-color); color: var(--primary-color);}

.btn-style2 a:hover:after{ color: var(--primary-color); }

.btn-style3 a{display: inline-block;font-size: 18px;font-weight: bold;color: var(--primary-color);padding: 19px 65px 20px 25px;border: 1px solid var(--primary-color);background-color: var(--white);border-radius: 8px;text-transform: uppercase;position: relative;}

.btn-style3 a i{color: var(--primary-color);font-size: 36px;position: absolute;right: 20px;top: 13px;}

.btn-style3 a:hover{ background-color: var(--secondary-color); }

.gap-100{ display: flex; width: 100%; height: 100px; }

.gap-50{ display: flex; width: 100%; height: 50px; }

.text-white{ color: var(--white) !important; }

.gap2{ gap:2% }
.gap-3-5{ gap:3.5% }
.font-20{ font-size: 20px; line-height: 28px; }



/*************** HOME PAGE CSS ***************/

header{display: flex;top: -200px;padding:0px 0px 7px 0;flex-direction: column;}

.header-waper{ width: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;

justify-content: space-between;position: relative; z-index: 5;     align-items: center; }
.logo{
    padding:1px 20px 5px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: var(--primary-color);
    margin-top: -27px;
}
.logo img{ 
    filter: brightness(0) invert(1);
    width: 120px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;

transition: all 300ms ease-in-out; }

.head-right{display: flex;align-items: center; gap: 15px; margin-top: 0px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;

transition: all 300ms ease-in-out; position: relative;}

.str-btn{text-transform: uppercase;background-color: var(--primary-color);font-size: 14px;color: var(--white);padding: 14px 25px;border-radius: 5px;}

.str-btn:hover{ background-color: var(--secondary-color); color: var(--body-color); }

.free-cons{ text-align: center;}

.free-cons h3{ font-size: 14px; font-weight: bold; color: var(--primary-color); text-transform: uppercase; margin-bottom: 5px;}

.free-cons i{ background-color: var(--primary-color); color: var(--white); padding: 14px 14px 13px; font-size: 14px; 

margin-right: 10px; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px;

-ms-border-radius: 50px 0 0 50px;}

.free-cons a{ font-size: 18px; color: var(--black); border: 2px solid var(--primary-color); padding: 0 20px 0 0;

position: relative; display: flex; align-items: center; font-weight: bold; border-radius: 50px; -moz-border-radius: 50px;

-webkit-border-radius: 50px; -ms-border-radius: 50px;}

.free-cons a:hover{ background-color: var(--primary-color); color: var(--white); }

.social{ display: flex; gap: 5px;}

.social a{ background-color: var(--primary-color); color: var(--white); width: 40px; height: 40px; display: flex;

justify-content: center; align-items: center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;

-ms-border-radius: 50px;}

.social a:hover{ background-color: var(--secondary-color); color: var(--body-color); }

.slider-wrap{ position: relative; z-index: 1; }

.intro{padding: 225px 0 420px;background-color: var(--primary-color);background-image: url(../images/bg1.png);background-repeat: no-repeat;background-position: bottom center;margin-top: -175px;}

.icon-box{ flex: 0 0 24%; position: relative; padding-right: 65px; padding-top: 20px;}

.icon-box span{ position: absolute; right: 0px; top: 16px; z-index: 1;}

.icon-box h2{ font-weight: bold; color: var(--white); font-size: 20px; margin-bottom: 14px; position: relative;  z-index: 1;}

.icon-box p{ color: var(--white); position: relative; z-index: 1;}

.icon-box:after{ position: absolute; content: ''; width: 100%; height: 2px; left: 0px; bottom: 0px; background-color: #91286b;

z-index: 0; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;  }

.icon-box:hover:after{ height: 100%; }

.intro-left{ flex: 0 0 36%; display: flex; align-items: flex-end;}

.intro-left img{ max-width: 100%;}

.intro-right{ flex:0 0 42%;padding-bottom: 90px;}

.head-cap{position: relative;font-size: 14px;padding-right: 70px;margin-bottom: 35px; color: var(--primary-color);}

.head-cap:after{position: absolute;content: '';width: 50px;height: 1px;right: 0px;top: 10px;background-color: var(--primary-color);}

.head-cap.text-white:after{ background-color: var(--secondary-color); }

.heading{ font-size: 52px; font-weight: normal; line-height: 76px; margin-bottom: 40px; color: var(--black);}

.intro-right h3{ font-size: 24px; color: var(--white);}

.services{padding: 100px 0 100px;background-color: var(--white);border-radius:500px 0 500px 0;margin-top: -490px;display: flex;position: relative;z-index: 1;}

.services:before{position: absolute;content: '';width: 775px;height: 714px;top: -713px;right: 0px;z-index: 0;background-image: url(../images/shap1.png);background-repeat: no-repeat;background-position: center;}

.services:after{ position: absolute;content: '';width: 775px;height: 714px;bottom: -713px;left: 0px;z-index: 0;

background-image: url(../images/shap2.png);background-repeat: no-repeat;background-position: center; }

.heading-wrap{ padding-left: 100px; margin-bottom: 60px;}

.heading-wrap .heading{ padding-left: 70px;}

.serv-box-wrp{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2%;}

.ser-box{flex: 0 0 23.5%;margin-bottom: 25px;box-shadow: 0 4px 15px #00000029;padding: 20px 20px 40px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;background-color: var(--white);}

.icon-ser{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden;

height: 80px;}

.ser-box h2{ font-weight: bold; font-size: 22px; color: var(--body-color); line-height: 28px;}

.ser-box p{ margin-bottom:0px; color: var(--body-color);}

.ser-box:hover{ background-color: var(--primary-color); color: var(--white); }

.ser-box:hover h2, .ser-box:hover p{ color: var(--white); }

.ser-box:hover .icon-ser{ justify-content: flex-end;  }

.ser-box-big{ flex: 0 0 49%; padding: 30px; background-image: url(../images/bg2.jpg); background-repeat: no-repeat;

background-position: center; background-size: cover; border-radius: 100px 0 0 0; display: flex; flex-direction: column;

justify-content: center; margin-bottom: 25px;}

.ser-box-big h2{ color: var(--white); font-size: 36px; font-weight: bold; margin-bottom: 5px;}

.ser-box-big h3{ font-size: 24px; color: var(--white); font-weight: bold; margin-bottom: 10px;}

.ser-box-big h4{ font-size: 60px; color: var(--white); font-weight: bold; line-height: 88px; margin-bottom: 0;}

.funfact{padding: 620px 0px 120px;color: var(--white);margin-top: -500px;}

.funfact h2{font-weight: bold;font-size: 36px;text-align: center;position: relative;z-index: 2;}

.funfact h3{ font-size: 36px; text-align: center; margin-bottom: 50px;}

.funfact h3 span{ color: var(--secondary-color); font-weight: bold; text-transform: uppercase;}

.stp-wrpa{display: flex;align-items: center;justify-content: space-between;margin-bottom: 70px;}

.step-box{display: flex;flex-direction: row;align-items: center;flex: 0 0 32%;position: relative;background-image: url(../images/arrow-icon.png);background-repeat: no-repeat;background-position: left center;padding: 22px 0px;}

.step-box h4{font-size: 20px;padding-right: 12px;margin-bottom: 0;line-height: 30px;position: relative;}

.step-box h5{font-size: 102px;font-weight: normal;opacity: .1;position: absolute;left: 51px;margin-bottom: 0;z-index: 0;}

.step-box:last-child{ background-image: none; }

.data-progress{display: flex;margin: 80px 0 0;padding: 0;justify-content: space-between;flex-wrap: nowrap;}

.data-progress li{margin: 0;text-align: center;list-style: none;flex: 0 0 25%;padding: 15px 10px 20px;border-right: 1px solid #90276a;}

.data-progress li:first-child{ border-right: none; }

.data-progress li h2{margin-bottom: 0px;font-size: 72px;color: var(--white);line-height: 1.2;font-weight: bold;}

.data-progress li p{margin-bottom: 0px;font-size: 14px;color: var(--white); }

.legacy{ padding:50px 0px 90px; text-align: center; }

.clip-text{ background-clip: text;-webkit-background-clip: text;color: transparent; font-size: 204px; font-weight: 900;

background-image: url(../images/bg4.jpg); background-repeat: no-repeat; background-position: center; 

background-attachment: fixed; margin-bottom: 30px; background-size: cover; }

.legacy p{ font-size: 24px; margin-bottom: 0px; line-height: 32px; }

.quality-slide{ background-color: #e8e8e8; padding: 18px 0px; overflow-x: hidden;}

.quality-slide-wrp{white-space: nowrap;position: relative;}

.quality-slide-wrp h2{ display: flex; align-items: center; font-weight: bold; font-size: 52px; margin-bottom: 0;}

.quality-slide-wrp h2 span{width: 45px;height: 45px;background: var(--primary-color);border-radius: 100%;margin: 0 40px; -webkit-transform: rotate(180deg); transform: rotate(180deg);

position: relative;color: var(--white);font-size: 20px;display: flex;justify-content: center;align-items: center;}

.partner{ padding: 80px 0px 0; }

.bg-shapes{ position: absolute; z-index: -1; background-image: url(../images/bg5.png); width: 923px; height: 383px; left: 10%;

top: 10%; background-repeat: no-repeat; background-position: center; }

.partnr-left{ flex: 0 0 44%; padding-bottom: 50px;}

.partnr-left h5{ font-size: 24px; line-height: 34px; margin-bottom: 50px; margin-top: 45px;}

.partnr-right{ flex: 0 0 52%;}

.part-img{ text-align: center; line-height: 0;}

.part-img img{ max-width: 100%;}

.part-cnt{

    background: rgb(72,0,44); /* Old browsers */

    background: -moz-linear-gradient(45deg,  rgba(72,0,44,1) 0%, rgba(98,0,62,1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(45deg,  rgba(72,0,44,1) 0%,rgba(98,0,62,1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(45deg,  rgba(72,0,44,1) 0%,rgba(98,0,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48002c', endColorstr='#62003e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 50px 55px 65px; border-radius: 100px 0 0 0;

}

.part-cnt h3{ color: var(--white);}

.part-cnt p{ color: var(--white); font-size: 16px; line-height: 28px; margin-bottom: 0;}

.gradient-bg{ 

background: rgb(48,0,27); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(48,0,27,1) 0%, rgba(103,0,66,1) 44%, rgba(55,0,32,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(48,0,27,1) 0%,rgba(103,0,66,1) 44%,rgba(55,0,32,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(48,0,27,1) 0%,rgba(103,0,66,1) 44%,rgba(55,0,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30001b', endColorstr='#370020',GradientType=1 ); /* IE6-9 */

 }

.govr-agen:after{position: absolute;content: '';width: 48.7%;height: 100%;right: 0px;top: 0px;z-index: -1;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#30001b+20,670042+100 */

background: rgb(48,0,27); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(48,0,27,1) 20%, rgba(103,0,66,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(48,0,27,1) 20%,rgba(103,0,66,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(48,0,27,1) 20%,rgba(103,0,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30001b', endColorstr='#670042',GradientType=1 ); /* IE6-9 */

border-radius: 0 0 0px 100px;}

.govr-agen-wrp{ display: flex; justify-content: space-between;}

.gov-left{ flex: 0 0 44%; padding: 100px 0 60px;}

.gov-left h4{ font-size: 40px; color: var(--white);}

.gov-left li, .gov-left li:after{ color: var(--white); }

.gov-right{ flex: 0 0 49%; padding-top: 55px;}

.gov-right ul{ padding: 0px; display: flex; margin: 0px;flex-wrap: wrap; justify-content: space-between; align-items: center;}

.gov-right ul li{list-style: none; margin-bottom: 25px;}

.gov-left .heading{ margin-bottom: 50px; }

.latest-video{ padding: 100px 0; background-image: url(../images/bg6.png); background-repeat: no-repeat; 

background-position: center; text-align: center; background-attachment: fixed; }

.latest-video .heading{ color: var(--primary-color); }

.video-box{display: flex; flex: 0 0 30%;}
.video-box-big{flex: 0 0 67%;}

.video-box-wrp{ display: flex; gap: 3%; justify-content: center;}

.video-box iframe{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; }

.heading-wrap-pd-0{ padding-left: 0px; }

.news-blog{ padding: 80px 0px; }

.news-cnt {padding: 40px 20px;}

.news-cnt h4{ color: var(--primary-color); font-size: 14px; }

.news-cnt h3{font-size: 22px;color: var(--body-color);line-height: 30px;}

.news-hm-wrp{display: block;box-shadow: 0px 3px 23px #0000002b;}

.news-blog .heading-wrap, .news-blog .heading{ margin-bottom: 10px; }

footer{ display: block; width: 100%; border-radius: 500px 0 0 0; -moz-border-radius: 500px 0 0 0; -webkit-border-radius: 500px 0 0 0;

-ms-border-radius: 500px 0 0 0; padding: 80px 0 0; }

.ftr-form-wrap{ display: flex; justify-content: space-between; border-bottom: 1px solid #833366; padding-bottom: 60px;}

.ftr-frm-left{ flex: 0 0 38%;}

.ftr-frm-left .heading{ line-height: 92px;}

.ftr-frm-right{ flex: 0 0 58%;}

.ftr-frm-right h4{ color: var(--white); font-size: 22px; margin-bottom: 30px;}

.ftr-frm-right form{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2%;     direction: rtl;}

.ftr-frm-right .fieldset{ background-color: transparent; border: none; border-bottom: 1px solid var(--white); border-radius: 0px;

color: var(--white); padding: 0 0 10px; flex: 0 0 45%; margin-bottom: 15px;}

.ftr-frm-right .sendbutton{ background-color: var(--white); color: var(--primary-color);}

.ftr-frm-right .sendbutton:hover{ background-color: var(--secondary-color); color: var(--primary-color);}

.ftr-frm-right form select option{ color: var(--primary-color); }

.ftr-link-wrap{display: flex;padding: 60px 0px;justify-content: flex-start;gap: 2%;color: var(--white);flex-wrap: wrap;}

.ftr-col{ flex:0 0 12%;}

.ftr-col h3{ font-weight: bold; text-transform: uppercase; font-size: 14px;}

.ftr-col .list li{ margin-bottom: 10px;}

.ftr-col .list li a{ color: var(--white);}

.ftr-col .list li:after{ color: var(--white); content: "\f177";}

.ftr-col .list li a:hover{ color: var(--secondary-color); }

.ftr-col .ftr-adrs { padding: 0px; margin: 0px;}

.ftr-col .ftr-adrs li{ list-style: none; position: relative; padding-right: 26px; margin-bottom: 18px; line-height: 24px; color: var(--white);}

.ftr-col .ftr-adrs li i{ position: absolute; right: 0px; top: 3px; font-size: 16px;}

.ftr-col .ftr-adrs li a{ color: var(--white); border: none; }

.ftr-col-2{flex: 0 0 13%;}

.ftr-col-3{flex: 0 0 24%;}

.ftr-col-4{flex: 0 0 25%;}

.ftr-col-5{ flex: 0 0 18%;}

.copyright{ border-top: 1px solid #833366; padding: 30px 0px; display: flex; justify-content: space-between;align-items: center;}

.copy{ color: var(--white);}

.copy a{ color: var(--white);}

footer .social a{ background-color: transparent; width: auto; height: auto; font-size: 18px; margin: 0 6px;}

footer .social a:hover{ background-color: transparent; color: var(--secondary-color); }

.ftr-logo{ max-width: 100%; }

.mobile-menu-accordian{ display: none; }


.blog-detail-left{
    flex:0 0 66%;
}
.blog-detail-right{
    flex:0 0 28%;
}
.blog-box-thumb{
    display: flex;
    align-items:center;
    padding: 0;
    /* border:1px solid rgba(0, 0, 0, 0.5); */
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    justify-content: space-between;
    padding-bottom: 15px;
}

.blog-box-thumb .thumb-img{
    flex:0 0 40%;
    border-top-right-radius: 33px;
    overflow: hidden;
    line-height: 0;
}
.blog-box-thumb .thumb-img img{
    max-width: 100%;
    }
.blog-box-thumb .blog-cnt{
    flex: 0 0 57%;
}
.blog-box-thumb .blog-cnt h5{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 5px;
    text-align: right;
    font-size: 11px;
    }
.blog-box-thumb .blog-cnt h3 {
    font-size: 13px;
    color: var(--body-color);
    line-height: 16px;
    margin-bottom: 0px;
}

a.calculator-btn{
text-transform: capitalize;
    background-color: var(--primary-color);
    font-size: 5px 14px;
    font-weight: bold;
    color: var(--white);
    padding: 5px 14px;
    border-radius: 10px;
}
a.calculator-btn:hover{
     background-color: var(--secondary-color);
     color: #000;
    }
/*************** INNER PAGE CSS ***************/

.pad{ padding: 100px 0px; }

.contactstyle{width:100%;display: inline-block;padding: 30px 70px 37px 20px;background-color:var(--primary-color);color:var(--white);font-weight:normal;position:relative;margin:0 0 25px 0;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;}

.contactstyle a{ color: var(--white);}

.coic{position:absolute;right: 0;top: 28px;width: 40px;height:50px;background-color:var(--secondary-color);text-align:center;line-height:50px;font-size:20px;color: var(--primary-color);border-radius: 15px  0 0 15px;-moz-border-radius: 15px  0 0 15px;-webkit-border-radius: 15px  0 0 15px;-ms-border-radius: 15px  0 0 15px;}

.contactstyle h4{font-size: 18px;font-weight: bold;margin-bottom: 10px;}

.contactstyle p{margin-bottom: 0px;font-size: 13px;line-height: 20px;}

.contact-left{flex: 0 0 25%;}

.contact-right{flex: 0 0 46%;}

.map{ display: flex; width: 100%;  }

.contact-right .heading{ font-size: 38px; line-height: 42px; margin-bottom: 20px; }

.curve-edge{ border-radius: 0 0 100px 0; -moz-border-radius: 0 0 100px 0; -webkit-border-radius: 0 0 100px 0;

-ms-border-radius: 0 0 100px 0; }

.curve-edge-50{ border-radius: 0 0 50px 0; -moz-border-radius: 0 0 50px 0; -webkit-border-radius: 0 0 50px 0;

-ms-border-radius: 0 0 50px 0; }

.blog-wrap{ display: flex; justify-content: flex-start; gap: 2%; flex-wrap: wrap;}

.blog-box{flex: 0 0 32%;margin-bottom: 25px;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;border-radius: 0 0 0 50px;border-left: 1px solid #e2e2e2;}

.blog-cnt{padding: 7px;}

.blog-cnt h5{ text-align: right; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;font-size: 12px;}

.blog-cnt h3{ font-size: 15px; color: var(--body-color); line-height: 22px; margin-bottom: 0px;}

.blog-box:hover h3{ color: var(--primary-color); }

.tittle-one{ font-size: 28px; font-weight: bold; color: var(--primary-color); }

.tittle-two{ font-size: 20px; font-weight: bold; color: var(--primary-color);  }

.serv-box{ flex: 0 0 31%; background-color: var(--white); box-shadow: 0px 3px 23px #0000002b; padding: 30px; margin-bottom: 36px;

border-radius: 20px;}

.serv-box h3{ color: var(--primary-color); font-weight: 500; margin-bottom: 15px;}

.serv-box p{ margin-bottom: 0px;}

.subtittle-two { color: #670042;  font-weight: 500; margin-bottom: 15px; }


.client-patners .heading {
    font-size: 55px;
    position: relative;
    padding-top: 70px;
}
.client-patners .heading::after  {
    position: absolute;
    content: '';
    width: 1px ;
    height: 50px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    top: 10px;
    background-color: var(--secondary-color);
}
.client-patners .owl-demo5 {
    padding-bottom: 80px;
}
.ptnr {
    width: 100%;
    text-align: center;
    background: #ffffff;
    outline: 1px solid #dadada;
    outline-offset: -8px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ptnr img {
    max-width: 100%;
    display: block;
}
.client-patners .owl-buttons {
    display: none;
}
section.testimonial-section {
    padding: 100px 0;
    background: #f7f7f7cc;
}
 section.testimonial-section .heading {
    /* padding-top: 70px; */
    position: relative;
 }
 section.testimonial-section .heading::after {
    /* position: absolute;
    content: '';
    width: 1px;
    height: 50px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    top: 5px;
    background-color: var(--primary-color); */
}
.testi-box {
    display: block;
    width: 100%;
    padding: 21px 20px;
    color: var(--black);
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 20px;
    background-color: var(--white);
}
.testi-box p {
    font-size: 17px;
    text-align: justify;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
}
.testi-box i {
    margin-bottom: 30px;
}
.rating {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    color: #fbbc04
}
.rating i{
    font-size: 18px;
    margin: 0 5px;
}
.avatr {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.avatr img {
    width: 100%;
}
.testimonial-section .owl-demo4 {
    position: relative;
    z-index: 1;
}
.testimonial-section .owl-demo4 .item {
    margin: 0 0px !important;
    padding: 10px 6px;
}
.outher {
    display: flex;
    gap: 13px;
    align-items: center;
}
.outher h4 {
    font-weight: bold;
    margin-bottom: 0;
}
.outher h4 span {
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin-top: 1px;
}
.vedio-thumb h4 span {
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin-top: 1px;
    
}
.vedio-thumb h4 {
    font-weight: bold;
    margin-bottom: 0;
    color: var(--white);
}
.testi-vedio {
    display: block;
    width: 100%;
    color: var(--black);
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    height: 385px;
}
.testi-vedio img {
    width: 100%;
    display: block;
}
.testi-vedio video {
    height: 100%;
    background: #030202;
}
/* .testi-vedio:after {
    content: "";
    position: absolute;
    z-index: 0;
    content: '';
    width: 100%;
    height: 150px;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
} */
.vedio-thumb {
    position: absolute;
    bottom: 0;
    padding: 25px;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vedio-thumb i {
    font-size: 26px;
    color: var(--white);
    transition: all ease-in-out 300ms;
}
.vedio-thumb:hover i {
    color: var(--primary-color);
}
.video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/vedio-cvr.png) center center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.5s ease;
    z-index: 2;
}
.cover-1 {
   background: url(../images/vueav-cover.webp) center center / cover no-repeat !important; 
}
.cover-2 {
   background: url(../images/pioneer-cover.webp) center center / cover no-repeat !important;
}
.cover-3 {
   background: url(../images/vhr-cover.webp) center center / cover no-repeat !important;
}
.cover-4 {
   background: url(../images/jutt-cover.webp) center center / cover no-repeat !important;
}

.cover-5 {
   background: url(../images/cvr-kitchen.webp) center center / cover no-repeat !important;
}

.cover-6 {
   background: url(../images/cvr-levitikal.webp) center center / cover no-repeat !important;
}


.cover-7 {
   background: url(../images/COVER-men-spa.webp) center center / cover no-repeat !important;
}


.video-cover.hide {
    opacity: 0;
    pointer-events: none;
}
.play-button {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-button::before {
    content: '';
    display: inline-block;
    margin-left: 5px;
    border-style: solid;
    border-width: 15px 0 15px 25px;
    border-color: transparent transparent transparent white;
}
.testimonial-section .owl-top-arrow .owl-controls {
    text-align: center;
    top: 0px;
    width: 100%;
    position: absolute;
    left: 0px;
    margin-bottom: 28px;
}
.bg-shapes.bounce-animation.btm {
    left: 10%;
    right: auto;
    bottom: 10%;
    top: auto;
}

/********* INNER BANNER ***************/

.banner{display: flex;z-index: 0;width: 100%;height: 300px;align-items: center;background-image: url(../images/banner.jpg);

background-position: top center;background-repeat: no-repeat;position: relative;border-radius: 0 0  200px 0; background-size: cover;

-webkit-border-radius: 0 0  200px 0; -moz-border-radius: 0 0  200px 0; -ms-border-radius: 0 0  200px 0;}

.banner-caption h1{color: #fff;font-size: 40px;margin-bottom: 10px;font-weight: 500;line-height: 42px;}

.banner-caption h2{color: #fff;font-size: 40px;margin-bottom: 10px;font-weight: 500;line-height: 42px;}

.banner-caption h4 span{color: #ffffff;font-size: 13px;}

.banner-caption h4 a{color: #fff;font-size: 13px;}

.banner-caption h4 { padding: 0px 0px; display: inline-flex; margin-bottom: 0px; align-items: center;}

.banner-caption{position: relative;z-index: 1;}

.banner-caption h4 span.b-sep{font-size: 0;width: 23px;height: 21px;margin: 0 5px;

background: url(../images/icons/next-arrow.png) no-repeat 0 0;display: inline-block;background-size: 22px;}
.pros-box-wrap{ margin-bottom: 80px; }
.pros-box-wrap .row-flex{ gap: 0; }
.pros-box-wrap .serv-box{text-align: center;flex: 0 0 33.333333333%;margin-bottom: 0;border-radius: 0;box-shadow: 0 0 0 transparent;background-color: transparent;min-height: 240px;display: flex;flex-direction: column;justify-content: center;}
.pros-box-wrap .serv-box h3{ font-size: 22px; margin-bottom: 10px; color: var(--white); }
.pros-box-wrap .serv-box p{ color: var(--white);}
.pros-box-wrap h2{ margin-bottom: 30px; }
.pros-box-wrap .serv-box-yellow{background-color: var(--white);border-radius: 60px 0;}
.pros-box-wrap .serv-box-yellow h3{ color: var(--primary-color); }
.pros-box-wrap .serv-box-yellow p{ color: var(--body-color);}
.pros-box-wrap .serv-box-last{background-color: var(--secondary-color);border-radius: 60px  0;}
.pros-box-wrap .serv-box-last h3{ color: var(--primary-color); margin-bottom: 18px; font-size: 24px; }
.msn-box{flex: 0 0 48%; background-color: var(--primary-color);padding: 35px;border-radius: 20px; margin-bottom: 25px;}
.msn-box p:last-child{ margin-bottom: 0px; }
.msn-box p{ color: var(--white); }
.msn-box h3{ color: var(--secondary-color); }
.cost-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cost-fild-box{flex: 0 0 38%;}
.cost-fild-box2{flex: 0 0 61%;}
.ftr-col-1{ margin-top: 10px; }
.pum-container .pum-content>:first-child {margin-bottom: 5px;}
.mobile-frame{position: fixed;bottom: 8px;right: 10px;width: 79%;z-index: 6;background-color: var(--white);
padding: 14px 20px;display: flex;justify-content: space-between;border-radius: 50px;box-shadow: 0 0px 35px #0000003b;
align-items: center;display: none;}
.mobile-frame a{font-size: 18px;}


.header-topbar{
    width: 100%;
    background-color: var(--primary-color);
    color: var(--white);
    padding: 7px 0;
}
.header-top-in{
    display: flex;
    justify-content: flex-end;
    gap: 1%;
        align-items: center;
}
.inline{
    display: inline-block;
    /* font-size: 14px; */
}
.inline a{
    display: inline-flex;
    color: #fff;
    gap:5px;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
}
.flag-icon{
    border-radius: 100%;
    border: 1px solid #fff;
    width: 23px;
    height: 23px;
}

.top-call a{     background-color: var(--secondary-color);
    color: var(--black);
    padding: 6px 13px;
    border-radius: 6px;
    font-size: 13px; }

.rating-top {
    background-color: var(--secondary-color);
    color: var(--black);
    padding: 6px 13px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    
}
.rating-top span {
    animation: blink 3s linear infinite;
    color: var(--primary-color);
}
@keyframes blink {
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.top-locations a{ position: relative;}
.top-locations a{border-right: 1px solid rgba(255, 255, 255, .5);padding-right: 7px;font-size: 14px;margin-right: 4px;}
.top-social .social a{width: auto;height: auto;font-size: 16px;}
.top-social .social {
    gap: 12px;
}
.top-social .social a:hover{ background-color: transparent; color: var(--secondary-color);}
.top-locations a:hover{ color: var(--secondary-color);}
.top-call a:hover{ background-color: var(--white);}
.bg-shapes-03 {    background-image: url(../images/bg7.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 100%;
    top: -250px;
    left: 0px;
    position: absolute;
    z-index: -1;}
.language-btns{ display: flex; gap: 10px;}
.lng-btn{ text-transform: capitalize;
    background-color: #505050;
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    padding: 5px 14px;
    border-radius: 6px;}
.lng-btn:hover{ background-color: var(--primary-color);  color: var(--white);}
section.testimonial-section {
    padding: 100px 0;
    background: #f7f7f7cc;
}
.testimonial-section .owl-top-arrow .owl-controls {
    text-align: center;
    top: 0px;
    width: 100%;
    position: absolute;
    left: 0px;
    margin-bottom: 28px;
}

/********* FIXED HEADER ***************/

header.smaller{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 9; -webkit-transition: all 600ms ease-in-out;

-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;top: 0; box-shadow: 0px 1px 25px #0000003d; 

background-color: var(--white); }

header.smaller .logo img { width: 120px;}

header.smaller .head-right { margin-top: -4px;}



/************* animations *************/

/*** scrolling ***/

.sideScroll {

  display: inline-block;

  animation: sideScroll 100s linear infinite;

  -webkit-animation: sideScroll 100s linear infinite;

}



@keyframes sideScroll {

  100% {

    transform: translateX(-100%);

  }

}



/*** bounce ***/

.bounce-animation {

animation: bounce 4s ease infinite;

-webkit-animation: bounce 4s ease infinite;

}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}

    40% {transform: translateY(-20px);}

    60% {transform: translateY(-10px);}

}

/**********forms**************/
.step {
  display: none;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  transition: all 0.3s ease-in-out;
}
.step.active {
  display: block;
}
.cost-form-container {
  padding: 35px 25px;
} 
.progress-bar-wrapper {
  width: 100%;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.progress-bar-fill {
  height: 100%;
  width: 0%;
  background-color:var(--primary-color);
  transition: width 0.3s ease;
}
.progress-text {
    margin-top: 8px;
    font-size: 13px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.step-count span,
.step-level span {
    font-weight: 600;
}
/* .progress-container {
    width: 100%;
    background-color: #e7e7e7;
    border-radius: 20px;
    overflow: hidden;
    height: 8px;
	margin-bottom: 15px;
}
.progress-bar {
  height: 100%;
  width: 0%;
  background-color:var(--primary-color);
  transition: width 0.3s ease-in-out;
} */
.fill-btn {
    width: 100%;    
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.submit-btn {
    gap: 0px !important;
}
.nxt-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    padding: 7px 15px;
    text-align: left;
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}
.prv-btn {
    color: #4a4a4a !important;
    background-color: #e5e5e5 !important;
}
.nxt-btn:hover {
    background-color: var(--secondary-color);
    color: #000;
}
.cost-frm-group {
    margin-bottom: 20px;
}
.cost-frm-group .label-style {
    margin-bottom: 15px;
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: var(--primary-color);
}
.cost-frm-group .radioContainer {
    font-size: 16px;
}
.cost-frm-group .radioContainer:last-child {
    margin-bottom: 20px;
}
.cost-frm-group .input-group {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    align-self: baseline;
    align-items: center;
    width: 126px;
    background-color: #fff;
    display: flex;
    padding: 10px 7px;
    margin-bottom: 18px;
}
.cost-frm-group  .input-group .btn {
    background-color: #fff;
    border-radius: 50%;
    padding: 2px 4px;
    color: #000;
    font-size: 12px;
    background-color: transparent;
}
.cost-frm-group  .input-group input.form-control.input-number {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    box-sizing: border-box;
    outline: none;
    border-radius: 0;
    border: none;
    outline: none;
}
.sidebar-form .cost-frm-group  textarea {
    height: 120px;
}

.leading-brands{ padding:50px 0px 25px; border-bottom: 1px solid #e2e2e2;}

/**********forms**************/
.wpcf7-form{ direction: rtl;}

form{

    margin:0;

    padding:0;

}

*:focus {  

    outline: none;

}

.fieldset{

    width:100%;
    text-align: right;
    height: 50px;

    padding: 8px 15px;

    background-color: var(--white);

    display:block;

    border: 1px solid #c1c1c1;

    margin:0 0 10px 0;

    color: #262626;

    font-size: 14px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -webkit-border-radius: 5px;

    

}

textarea.fieldset, textarea{ height: 140px; }



.sendbutton{

    width:auto;

    height:auto;

    border:0;

    outline:0;

    margin: 20px 5px 0 0;

    color: var(--white);

    font-size: 20px;

    cursor:pointer;

    vertical-align:top;

    padding: 14px 40px 12px;

    text-align:center;

    background-color: var(--primary-color);

    text-transform:uppercase;

    display: inline-block;

    border-radius: 50px;

    font-weight: bold;

    }


.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text]
{ padding-right: 52px !important;}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{     right: 0 !important;  left: auto !important;}


.sendbutton:hover{

    background-color:var(--secondary-color);

    color:var(--primary-color);

    }

::-webkit-input-placeholder {

   color: #262626 !important;

}

:-moz-placeholder { /* Firefox 18- */

   color: #262626 !important;

}

::-moz-placeholder {  /* Firefox 19+ */

   color: #262626 !important;

}

:-ms-input-placeholder {  

   color: #262626 !important;

}



.ftr-frm-right form ::-webkit-input-placeholder {

   color: var(--white) !important;

}

.ftr-frm-right form :-moz-placeholder { /* Firefox 18- */

   color: var(--white) !important;

}

.ftr-frm-right form ::-moz-placeholder {  /* Firefox 19+ */

   color: var(--white) !important;

}

.ftr-frm-right form :-ms-input-placeholder {  

   color: var(--white) !important;

}



.img-responsive { max-width: 100% !important; height: auto !important; }


.justify{ text-align: justify;}

.data img{ max-width: 100%;}


.ftr-frm-right .wpcf7 form .wpcf7-response-output{ color: #fff;}

@media only screen and (max-width: 1600px) {
.services { border-radius: 500px 0 250px 0;}
.govr-agen:after { width: 48.5%;}
}

@media only screen and (max-width: 1500px) {
.services { border-radius: 500px 0 260px 0;}
}


/************************************* 1366px *************************************/

@media only screen and (max-width: 1366px) {

.services{ border-radius: 250px 0 250px 0; }

.services:after { width: 340px; height: 314px; bottom:-311px; background-size: 100%;}

.services:before{ width: 340px; height: 314px; background-size: 100%; top: -313px; }

footer { border-radius: 250px 0 0 0; -moz-border-radius: 250px 0 0 0; -webkit-border-radius: 250px 0 0 0; -ms-border-radius: 250px 0 0 0;}

.govr-agen:after { width: 48.3%;}

}



/************************************* 1280px *************************************/

@media only screen and (max-width: 1280px) {
.clip-text { font-size: 170px;}
.services {border-radius: 250px 0 140px 0;}
.govr-agen:after {width: 48.1%;}
}



/************************************* 1200px *************************************/

@media only screen and (max-width: 1200px) {

.container{ width:95%;}

}



/************************************* 1199px *************************************/

@media only screen and (max-width: 1199px) {

.head-right{flex: 0 0 100%;justify-content: space-between;border-top: 1px solid #e2e2e2;align-items: center;margin-top: 0;padding-top: 0px;}

 header{ padding: 0px 0px 1px 0;; } 

.logo {/* padding: 0px 0px 8px; */}

.logo img, header.smaller .logo img { width: 100px;}
header.smaller .head-right {
    margin-top: 0;
}
}



/************************************* 1024px *************************************/

@media only screen and (max-width: 1024px) {

.container{ width:90%;}
.mobile-frame{ display: flex; }
footer{ padding-bottom: 65px; }
.logo{ margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
        padding: 14px 20px;
        border-radius: 8px;}
.header-waper{ justify-content: center}

}



/************************************* 980px *************************************/

@media only screen and (max-width: 980px) {

.services:before { width: 200px; height: 184px; top: -183px;}

.services:after { width: 200px; height: 184px; bottom: -183px;}

.services { border-radius: 150px 0 150px 0;}

footer { border-radius: 150px 0 0 0; -moz-border-radius: 150px 0 0 0; -webkit-border-radius: 150px 0 0 0; 

-ms-border-radius: 150px 0 0 0;}

.heading { font-size: 44px;
        line-height: 70px;}

.heading-wrap{ padding-left: 0px; }

.icon-box { flex: 0 0 48%;}

.mobile-menu-accordian{ display: block; width: 100%; }

.ftr-link-wrap{ display: none; }

.copyright{ width: 100%; border-top: none; }

.ftr-form-wrap{ flex-direction: column; border-bottom: none; }

.new-accourdian .list, .ftr-col .ftr-adrs{ border: none; }

.blog-box { flex: 0 0 49%;}
.intl-tel-input.iti-container { z-index: 106011111111 !important;}
.blog-detail-left {
    flex: 0 0 60%;
}
.blog-detail-right {
    flex: 0 0 33%;
}
}



/************************************* 768px *************************************/

@media only screen and (max-width: 768px) {

.col-flex-wrp{ flex-direction: column; }

.two-col, .three-col, .four-col, aside, summary{ flex:0 0 100%; margin:0 0 25px 0; }

.free-cons a { font-size: 12px; padding: 0 8px 0 0;}

.free-cons h3 { font-size: 12px;}

.free-cons i { padding: 7px 8px 6px; font-size: 12px; margin-right: 6px;}

.str-btn { font-size: 12px; padding: 10px 10px;}

.social a { width: 35px; height: 35px;}

.intro .row-flex:last-child{ flex-direction: column-reverse; }

.heading {        font-size: 36px;
        line-height: 56px;}

.ser-box { flex: 0 0 49%;}

.ser-box-big{ flex: 0 0 100%; }

.funfact h2 { font-size: 28px;}

.funfact h3 { font-size: 28px;}

.data-progress li h2 { font-size: 32px;}

.data-progress li p { font-size: 12px;}

.data-progress li { padding: 0px 5px 0px;}

.clip-text {font-size: 90px;}

.legacy p br{ display: none; }

.legacy p { font-size: 16px; line-height: 24px;}

.quality-slide-wrp h2 { font-size: 26px;}

.quality-slide { padding: 30px 0px;}

.quality-slide-wrp h2 span { width: 35px; height: 35px; font-size: 16px;}

.row-flex, .govr-agen-wrp{ flex-direction: column; }

.partnr-left{ text-align: center; }

.partnr-left h5 { font-size: 18px; line-height: 26px; margin-bottom: 25px; margin-top: 0;}

.govr-agen:after{ display: none; }

.gov-left { background-color: var(--primary-color); margin-top: 60px; padding: 60px;}

.gov-left h4 { font-size: 26px;}

.gov-right ul li { margin-bottom: 15px; flex: 0 0 30%; text-align: center;}

.gov-right ul li img{ max-width: 100%; }

.gov-right { padding-top: 40px; padding-bottom: 60px;}

.services:before { width: 100px; height: 92px; top: -91px;}

.services:after { width: 100px; height: 92px; bottom: -91px;}

.services { border-radius: 80px 0 80px 0; margin-top: -90px;}

.part-cnt{ border-radius: 0 80px 0 0; }

.funfact {  padding: 160px 0px 100px; margin-top: -90px;}

.intro { padding: 225px 0 50px;}

.intro-left { flex: 0 0 100%; justify-content: center;}

.gradient-bg{ border-radius: 80px 0 0 0; -moz-border-radius: 80px 0 0 0; -webkit-border-radius: 80px 0 0 0;

-ms-border-radius: 80px 0 0 0; }
.client-patners .heading {
    font-size: 30px;
}   
.rating-top {
    display: none;
}
}



/************************************* 575px *************************************/

@media only screen and (max-width: 575px) {





.heading {         font-size: 30px;
        line-height: 40px; margin-bottom: 20px;}

.head-cap { font-size: 12px; padding-left: 70px; margin-bottom: 20px;}

.intro-right h3 { font-size: 20px;}

.services { padding: 50px 0 50px;}

.gap-100{ height: 50px; }

.stp-wrpa{ flex-direction: column; }

.step-box{ width: 100%; flex: 0 0 100%; background-image: none; }

.step-box h5 { font-size: 66px;}

.data-progress{ flex-wrap: wrap; margin: 40px 0 0; }

.stp-wrpa{ margin-bottom: 40px; }

.btn-style3 a {font-size: 14px;}

.btn-style3 a i { font-size: 26px; right: 25px; top: 19px;}

.funfact { padding: 140px 0px 60px;}

.data-progress li{ flex: 0 0 50%; border: 1px solid #90276a !important; padding: 20px 10px; }

.clip-text { font-size: 60px;}

.legacy { padding: 40px 0px 50px;}

.partner { padding: 50px 0px 0;}

.part-cnt {  margin-top: -30px; position: relative;}


.video-box{ margin-bottom: 25px; }

.latest-video { padding: 50px 0;}

.news-blog { padding: 60px 0px;}

.copyright, .ftr-frm-right form, .blog-wrap{ flex-direction: column; }

.copy{ margin-bottom: 20px; text-align: center; }

.ftr-frm-left .heading { line-height: 48px;}

.ser-box-big h2 { font-size: 20px;}

.ser-box-big h3 { font-size: 22px;}

.ser-box-big h4 { font-size: 68px; line-height: 70px;}

.ser-box-big{ text-align: center; }

.intro { padding: 140px 0 50px; margin-top: -110px;}

.banner{ -webkit-border-radius: 0 0 0 50px; -moz-border-radius: 0 0 0 50px; -ms-border-radius: 0 0 0 50px; height: 150px; }

.banner-caption h2 { font-size: 26px; line-height: 30px;}

.banner-caption h4 a, .banner-caption h4 span{ font-size: 12px; }

.pad { padding: 50px 0px;}

.gov-left{ padding: 25px; }

.serv-box{ margin-bottom: 25px; }
header .container{ width: 100%; padding: 0 15px; }
.banner-caption h1 { font-size: 24px; line-height: 26px;}
.ftr-frm-right .two-col{ margin-bottom: 0px; }
.video-box-wrp { flex-wrap: wrap;flex-direction: column;}
#status{ background-size: 100px; }
.video-box-big iframe{ height: 286px; }
header, section, footer{ overflow-x: hidden !important; }
.services{ overflow-x: inherit!important; }
.pum-container.pum-responsive { width: 85% !important; max-width: 85% !important;}
.btn-style1 a, .btn-style2 a{ font-size: 12px; padding: 8px 10px 9px 30px; }
.btn-style1 a:after, .btn-style2 a:after{ left: 10px; }
.intro{ background-size: cover; }
.clip-text { background-attachment: inherit;}
.header-top-in {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.header-top-in .inline {
    width: 100%;
    display: block;
    text-align: center;
}
.social {
    justify-content: center;
}
.header-topbar {
    padding: 0 0 7px 0;
}
.inline.rating-top.blink {
    border-radius: 0;
}
header.smaller .header-topbar{ display: none;}
}



/************************************* 480px *************************************/

@media only screen and (max-width: 480px) {
.heading { font-size: 24px; line-height: 35px;}
.ser-box { flex: 0 0 100%;}
.gov-right ul li { flex: 0 0 46%;}
.str-btn {  font-size: 11px; padding: 10px 6px;}
.free-cons h3 { font-size: 11px;}
.social { gap: 2px;}
.social a { width: 32px; height: 32px;}
.str-btn { font-size: 10px;}
.free-cons a { font-size: 11px; padding: 0 6px 0 0;}
.free-cons i {padding: 7px 6px 6px;font-size: 10px; margin-right: 1px;}
.cost-wrap{ flex-direction: column; }
.btn-style1 a, .btn-style2 a{ margin-bottom: 10px; }
.logo {
        border-radius: 0px;
        margin-bottom: 0px;
    }
}


/************************************* 480px *************************************/
@media only screen and (max-width: 460px) {
    .header-top-in {
    margin-bottom: 5px;
    border-bottom: 1px solid #5c003b;
    padding-bottom: 10px;
    justify-content: center;
}
.logo {
    padding: 1px 20px 10px 20px;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
header .container {
    padding: 0;
}
.head-right {
    padding-inline: 15px;
    border-top: 0;
}
}


/************************************* 360px *************************************/

@media only screen and (max-width: 360px) {

.social a { width: 28px; height: 28px;}

.free-cons h3 {font-size: 10px;}

.head-right{gap: 5px;}

.str-btn { font-size: 10px;}
.head-right { gap: 2px;}
.banner-caption h1 { font-size: 20px; line-height: 24px;}
}



/************************************* 320px *************************************/

@media only screen and (max-width: 320px) {



}