/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select {  line-height:28px !important; } }

body {font-family: var(--primary-font-family);color: var(--default-color);font-size:var(--base-font-size);position: relative;font-family: Poppins,sans-serif;/* background: #fff; */}

/* font family */
.ff-primary { font-family: var(--primary-font-family); }
.ff-secondary { font-family: var(--secondary-font-family); }

/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: var(--heading-font-family);font-family: Poppins,sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: var(--heading-font-family);padding-bottom: 10px;font-family: Poppins,sans-serif;color: var(--theme-dark);}

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
.header-main {
    /* position:  absolute; */
    padding: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
.header-main.fixed{box-shadow: 0px 5px 20px #00000012;-ms-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position: fixed;background: #fff;}

.header-main.fixed .main-menu > ul > li > a{text-transform:  capitalize;color: #223235;}
.header-main.fixed .logo{width: 100%;}

.logo img{width:60%;}
.nav-area-full {padding: 17px 0 16px;width: 100%;}
.logo {
    width: 100%;
    margin: 0;
    float: left;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-top: 22px;
    }
.logo a {display: block;color: #000;font-size: 25px;font-family: Poppins,sans-serif;}

.main-menu {width: 100%;display: inline-block;float: right;margin: 2px 0 0;}

.main-menu ul.top-bar-right{
    border: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
.main-menu ul.top-bar-right li{
    margin-right: 4px;
}
.main-menu ul.top-bar-right li a{
    font-size: 13px;
    color: #000;
    text-transform: lowercase;
    font-weight: 400;
}
.main-menu ul.top-bar-right li a:hover{color: #004ffe;}
.main-menu ul.top-bar-right li a i{
    margin-right: 5px;
    border-radius: 50%;
    font-size: 15px;
    padding: 5px;
    color: #004ffe;
}
.main-menu ul.top-bar-right li a i.fa-phone{/* background: #6666ff; */}
/*.main-menu ul.top-bar-right li a i.fa-phone:before{content: "";position: absolute;}*/
.main-menu ul.top-bar-right li a i.fa-comments{background: #ff6633;}
/*.main-menu ul.top-bar-right li a i.fa-comments:before{content: "";position: absolute;}*/
.main-menu ul.top-bar-right li a i.fa-comments{background: #ff6633;}

.main-menu ul.top-bar-right li a.btn{
    padding: 10px;
    color: #fff;
    border-radius: 0px;
    margin-top: -10px;
}
.main-menu ul.top-bar-right li a.one{
    background: #004ffe;
    border: 2px solid #004ffe;
}
.main-menu ul.top-bar-right li a.one:hover{background-color: #fff;color: #004ffe;}
.main-menu ul.top-bar-right li a.two{
    border: 1px solid #004ffe;
    color: #004ffe;
}
.main-menu ul.top-bar-right li a.two:hover{background-color: #004ffe;color: #fff}






.main-menu > ul {float: right;margin: 0px;}
.main-menu > ul > li {padding: 0px 10px;float: left;position: relative;}
.main-menu > ul > li:last-child {padding-right: 0px;/* margin-top: -14px; */}
.main-menu > ul > li:before {position: absolute;width: 1px;height: 12px;background: #71787e;left: 0px;top: 30%;}
.main-menu > ul > li:first-child:before { display: none; }
.main-menu > ul > li > a {padding: 20px 0;font-size: 17px;color: #000000;font-weight: 500;text-transform: capitalize;font-family: Poppins,sans-serif;}
.header-main .has-submenu.progmenu{font-size: 16px;color: #171717;font-weight: 400;margin: 0;padding: 3px 0 4px;font-family: var(--primary-font-family);}
.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus
 {color: #004ffe;}    

.cstn-column{display: inline-block;width: 100%;font-size: 0;}

.dropdown{
 width:250px;
 position: absolute;
 top: 160%;
 left: 0%;
 visibility: hidden;
 opacity: 0;
 padding:0px;
 background-color: #fff;
 border: 1px solid #cbd6e2;
 border-radius: .1875rem;
 box-shadow: 0 1px 24px rgba(45,62,80,0.12);
 z-index: 95;
 }
.main-menu > ul > li:hover .dropdown{visibility: visible; /* shows sub-menu */opacity: 1;left: 18px;}
.main-menu > ul > li:hover .progmenu .dropdown{left: 0;}
.dropdown > ul{padding: 10px 0;list-style:none;}
.dropdown > ul > li{  }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{}
.dropdown > ul > li > a{color: #171717 !important;font-size: 16px;text-decoration:none;padding:8px 10px 8px 15px;display: block;}
.dropdown > ul > li > a:hover{  color:black; background:none; }
.dropdown > ul > li > a:hover:before  { display:none; }
.double-drop { width: 400px!important; }

.dropdown > ul > li > ul {  display: none; }
.dropdown > ul > li.level2:hover > ul  { display: block; }

.stickyheader { position: fixed; z-index: 9999; min-height: auto; }
.stickyheader .logo img { width:80px;  }
.stickyheader .logo { margin: 5px 0; }
.stickyheader .navbar-inverse { margin: 10px 0 0 0; }



.btn-top{
    position: relative;
    top: 14px;
    background: #cc00ff;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 700;
    display: inline-block;
    border-radius: 8px;
}
.btn-top:hover{transform: translateY(-3.925px);color: #fff;}

/* sticky social icons
------------------------------------*/
.sticky-container{padding: 0px;margin: 0px; position: fixed; right: -155px; top:180px; width: 200px; display:none; z-index:999; }
.sticky li{border-radius: 5px;list-style-type: none;background-color: #333;color: #efefef;height: 45px;padding: 0px;margin: 0px 0px 0px 0px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;cursor: pointer;}
.sticky li:hover{margin-left: -115px;}
.sticky li img{float: left;border-radius: 5px 0 0px 5px;margin: 0;margin-right: 10px;}
.sticky li p{padding: 0px; margin: 0px; text-transform: capitalize; line-height: 45px; color:white; }
.sticky li a{border-radius: 5px;color:white;}

.list-scroll{height: 155px;}
.ticklist2.list-scroll{height: 170px;}

.menuside{
    position: relative;
    color: #171717;
    font-size: 18px;
    margin-top: 18px;
    font-weight: 600;
    display: inline-block;
}
.menuside:hover{color: #223235;}
.menuside .xicon{position: absolute;right: -18px;top: 2px;font-size: 20px;color: #171717;}

.counternew{background: #f5f8fa;}

.gclients h5{padding-bottom: 0;margin-top: 50px;width: 100%;font-size: 18px;position: relative;color: #171717;font-weight: 600;padding-left: 30px;display: inline-block;}
.gclients h5:before{position: absolute;top: 0;    color: #f38440;left:0px;content: "\e916";font-family: 'icomoon' !important;}
.counternew .figorelist{
    margin-bottom: 0;
}
.counternew .figorelist li{
    padding: 0 60px;
    display: inline-block;
}
.counternew .figorelist li figure{
    margin-bottom: 0;
}
.counternew .figorelist li figure img{
    width: 90px;
}
.btn-theme{transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;background-color: #fff;padding: 20px 40px;border-radius: 3px;display: inline-block;margin-top: 20px;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;}



.dropdown > ul:before{
      position: absolute;
      content: "";
      top: -11px;
      left: 15px;
      z-index: 0;
      width: 20px;
      height: 20px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li:hover{background-color: #f5f8fa;}

.header-main .othermenu{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.showmenu{padding: 0;box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;}
.header-main.showmenu .othermenu{
    opacity: 1;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 99;
}

.header-main .secondlogo{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.header-main.showmenu .secondlogo{
    opacity: 1;
    padding-top: 16px;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9;
}

.header-main .has-submenu{
    width: 66px;
    display: inline-block;
    z-index: -1;
    padding-bottom: 21px;
    position: relative;
    }
.header-main.showmenu .has-submenu{   z-index: 99}
.header-main .has-submenu:hover .dropdown{
    visibility: visible;
    top: 95%;
    opacity: 1;
    left: 0;
    }

.header-main.showmenu .has-submenu .dropdown > ul{
    margin-bottom: 0;
}
.header-main.showmenu .has-submenu .dropdown > ul:before{}

.header-main.showmenu .has-submenu .dropdown > ul > li > a{color: #171717;margin-top: 0;font-weight: 400;}

.header-main .has-submenu .dropdown > ul > li{
    width: 100%;
    margin-right: 0px;
}

.dropdown > ul > li.seclvl{
    position: relative;
}
.dropdown > ul > li.seclvl:hover .seclvldrop{
    display: block;
    position: absolute;
    width: 200px;
    background: #fff;
    height: auto;
    top: -10px;
    padding: 10px 0;
    right: -200px;
    border: 1px solid #cbd6e2;
    border-radius: .1875rem;
    box-shadow: 0 1px 24px rgba(45,62,80,0.12);
    z-index: 95;
}
.dropdown > ul > li.seclvl .seclvldrop{
    display: none;
}
.dropdown > ul > li.seclvl .seclvldrop .droplist{z-index: 99;position: relative;}
.dropdown > ul > li.seclvl .seclvldrop .droplist:before{
      position: absolute;
      content: "";
      top: 5px;
      left: -12px;
      z-index: -1;
      width: 20px;
      height: 20px;
      background: #fff;
      -webkit-transform: rotate(-44deg);
      transform: rotate(-44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li.seclvl .seclvldrop .droplist li{}
.dropdown > ul > li.seclvl .seclvldrop .droplist li:hover{
    background-color: #f5f8fa;
}
.dropdown > ul > li.seclvl .seclvldrop .droplist li a{
    color: #171717;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px 8px 15px;
    display: block;
    font-weight: 400;
}

.header-main{
    position: fixed;
    background: #ffffff;
}
.header-main .othermenu{
    position: relative;
    opacity: 0;
    display: inline-block;
    margin-bottom: 0;
    z-index: -2;
}
.header-main .othermenu li{
    margin-right: 10px;
    display: inline-block;
}
.header-main .othermenu li h6{color: #171717;font-size: 16px;margin-top: 8px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{
    color: #171717;
    font-size: 16px;
    margin-top: 18px;
    font-weight: 400;
}
.header-main .secondlogo{
    position: relative;
    padding-top: 16px;
    margin-right: 50px;
    display: inline-block;
    z-index: -1;
}
.header-main .secondlogo a{}
.header-main .secondlogo a img{
    width: 120px;
}

.header-main .othermenu li:hover a{
        color: #cc00ff;
}
.main-menu > ul > li:hover a{color: #004ffe;}


.header-main .othermenu li.current a{
        color: #cc00ff;
}
.header-main .othermenu li.current h6 a{
        color: #cc00ff;
}


/*Custome css*/

.btn-blue{
    color: #ffffff!important;
    border-width: 20px!important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #004ffe;
    box-shadow: -20px -20px 0px -5px rgba(0,79,254,0.4);
    padding: .3em 1em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #004ffe;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-blue:hover{    transform: translateY(-3.925px);}
.btn-yellow{
    color: #ffffff!important;
    border-width: 20px!important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #fcb201 !important;
    box-shadow: -20px -20px 0px -5px rgba(255, 180, 0, 0.36);
    padding: .3em 1em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #ffb400;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: unset !important;
}
.btn-yellow:hover{    transform: translateY(-3.925px);}
.btn-black{
    color: #ffffff!important;
    border-width: 20px!important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #000000;
    box-shadow: -20px -20px 0px -5px rgba(0, 0, 0, 0.18);
    padding: .3em 1em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #000000;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-black:hover{    transform: translateY(-3.925px);}
.btn-white{
    color: #67686a!important;
    border-width: 20px!important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #fff;
    box-shadow: -20px -20px 0px -5px rgba(193, 195, 199, 0.4);
    padding: .3em 1em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 500;-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-white:hover{transform: translateY(-3.925px);}
.headingicon{
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    position: relative;
    padding-bottom: 30px;
    text-transform: capitalize;
}
.headingicon:before{
    content: "";
    position: absolute;
    background-image:url(../images/heading-icon.png);
    width: 25px;
    height: 25px;
    top: -25px;
}
.margin-top{margin-top: 5%;}



.home-banner {
    width: 100%;
    height: 100vh;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
}
.home-banner-content{}
.home-banner-content h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    padding-bottom: 30px;
}
.home-banner-content h1 span{display: block;font-weight: 700;}
.home-banner-content .btn-wrap { text-align: left; padding: 30px 0;}
.home-banner-content .btn-wrap a{
    margin-left: 40px;
    margin-top: 20px;
    display: inline-block;
    }
.mainvideo {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
.home-banner .video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background: url(../images/top-banner-bg.png) rgba(0, 0, 0, 0.67);
    /*background-image:url(../images/top-banner-bg.png) rgba(0, 0, 0, 0.6);;*/
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
    background-size: cover;
    /* background-position: bottom center; */
}


.top-banner{background-image:url(../images/top-banner-1.jpg);background-position: center;}
.top-banner .scndbg{background-image:url(../images/top-banner-bg.png),radial-gradient(circle at right,rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 60%);
    padding: 15vw 0;
background-size: cover;
background-position: bottom center;}
.top-banner h1{
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    padding-bottom: 30px;
}

.top-banner h1 span{
    display: block;
    font-weight: 700;
}
.top-banner .btn-wrap{
    text-align: left;
    padding: 30px 0;
}
.top-banner .btn-wrap a{
    margin-left: 40px;
    margin-top: 20px;
    display: inline-block;
}

.services-sec{
    padding: 90px 0;
    background: #191919;
}
.services-sec h4{
    color: #ffb400;
    font-size: 25px;
    border-bottom: 1px solid #ffb400;
    padding-bottom: 10px;
}
.services-sec h1{
    color: #fff;
    font-weight: 300;
    padding: 30px 0;
        text-transform: capitalize;

}
.services-sec h1 span{
    display: inline-block;
    font-weight: 700;
}
.services-sec p{
    color: #fff;
    font-size: 15px;
    width: 80%;
}
.services-sec .box-wrap{}
.services-sec .box-wrap i.fa{
    color: #ffb400;
    float: left;
    font-size: 25px;
    position: relative;
    top: 0px;
    margin-right: 10px;
}
.services-sec .box-wrap h2{
    display: block;
    color: #fff;
        font-size: 25px;
}
.services-sec .box-wrap p{
    margin-left: 26px;
    font-size: 15px;
    width: 80%;
}

.services-sec .btn-wrap{
    position: relative;
    float: right;
    left: 15px;
    top: 36px;
}
.services-sec .btn-wrap a{}

.aboutus-sec{background-image: url(../images/banner-yellow.png);background-position: bottom center;background-size: cover;background-color: #ffb400!important;}
.portfolio-pg .aboutus-sec{padding: 8vw 0;} 

.aboutus-sec .left-img{padding: 0;margin:o; }
.aboutus-sec figure{}
.aboutus-sec figure img{
    width: 100%;
    position: relative;
    background-image: linear-gradient(135deg,rgba(0,0,0,0) 70%,#000000 70%);
    /* box-shadow: 0px 50px 100px 0px rgba(0,0,0,0.3); */
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    margin-left: 0;
        
}
.aboutus-sec .textbox{padding: 8vw 0;}
.portfolio-pg .aboutus-sec .textbox{padding: 20px 0;}
.aboutus-sec .textbox h1{
    width: 80%;
    margin: auto;
    color: #000;
    font-size: 50px;text-transform: capitalize;
}
.aboutus-sec .textbox h1:before{
    background-image:url(../images/heading-icon-black.png);
    width: 31px; height: 31px;
}
.aboutus-sec .textbox h1 span{
    display: block;
    font-weight: 700;
}
.aboutus-sec p{
    width: 75%;
    margin: auto;
    color: #000;
    font-size: 15px;
    font-family: Poppins,sans-serif;
}
.aboutus-sec .box{/* float: right; */width: 80%;margin: auto;}
.aboutus-sec h4{
    color: #000;
    font-size: 30px;}
.aboutus-sec ul{}
.aboutus-sec ul li{
    color: #000;
    font-size: 15px;
    margin: 8px 0;
    margin-left: 20px;
    width: 30%;
    display: inline-block;
}
.aboutus-sec ul li:before{
    content: "";position: absolute;
    width: 8px;height: 8px;
    border-radius: 50%;background: #000;
    margin-top: 6px; margin-left: -20px;
}
.portfolio-pg .aboutus-sec .btn-wrap {top: 55px;}
.aboutus-sec .btn-wrap {
    position: relative;
    float: right;
    left: 15px;
    top: -56px;
}

.project-pg .recent-sec h4{display:none;}

.recent-sec{
    padding: 90px 0;
    background: #fff;
}
.recent-sec h4{
    color: #004ffe;
    font-size: 25px;
    border-bottom: 1px solid #004ffe;
    padding-bottom: 10px;
}
.recent-sec h4:before{background-image:url(../images/heading-icon-blue.png);}
.recent-sec h1{
    color: #000;
    font-weight: 300;
    padding: 30px 0;
}
.recent-sec h1 span{display: block;font-weight: 700;}
.recent-sec .rec-img{    
    background-image: linear-gradient(45deg,#000000 30%,rgba(0,0,0,0) 30%);
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
    margin-left: 0;}
.services-pg .recent-sec img{}
.recent-sec img{
    background-image: linear-gradient(45deg,#000000 30%,rgba(0,0,0,0) 30%);
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
    margin-right: 30px;
    width: 100%;
    /* box-shadow: 0px 50px 100px 0px rgba(0,0,0,0.3); */
    float: left;
}
 img.img-2{background-image: linear-gradient(135deg,#004ffe 30%,rgba(0,0,0,0) 30%);
padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    margin-left: 0;}
.recent-sec h2{
    font-size: 22px;
    display: inline;
}
.recent-sec ul{
    margin-top: 10px;
}
.recent-sec ul li{
    width: 30%;
    display: inline-block;
    margin: 0 10px;}
.recent-sec ul li img{}
.recent-sec .btn-wrap{
    position: relative;
    float: right;
    left: 15px;
    top: 55px;
    margin-top: 30px;
}

.testimonial-sec{
    /* padding-top: 10%; */
    background-image: linear-gradient(135deg,#f7f7f7 80%,#ffb400 20%)!important;
    height: 460px;
    padding: 90px 0;
    background-color: #f7f7f7;
}
.testimonial-sec h4{
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 25px;
    padding-bottom: 10px;
}
.testimonial-sec h4:before{
    background-image: url(../images/heading-icon-black.png);
    width: 31px;height: 31px;top: -40px;
    }
.testimonial-sec .testi-box{
    /* width: 80%; */
    margin: auto;
    margin-top: 40px;
    /*box-shadow: 0px 20px 100px 0px rgba(82, 82, 82, 0.28);*/
    background-color: rgba(255,255,255,0.5);
    padding: 30px;
    max-height: 250px;
}
.testimonial-sec .testi-box p{
    font-size: 16px;
}
.testimonial-sec .testi-box h6{}


.bottom-form-sec{
    background-image: radial-gradient(circle at left,rgba(0,0,0,0) 10%,rgba(0,0,0,0.75) 60%),url(../images/contact-bg.jpg)!important;
    padding: 54px 0;
    background-size: cover;
    background-position: 50%;
}
.bottom-form-sec form{width: 80%;margin: auto;padding: 30px 0;}
.bottom-form-sec form input{
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border-width: 0;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    padding: 16px;
    margin: 10px 0;
}

.bottom-form-sec form .intl-tel-input{width: 100%;margin-top: 10px;}
.bottom-form-sec form textarea{
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
    margin: 10px 0;
    height: 150px;
    border-radius: 5px;
}
.bottom-form-sec form .btn-yellow{
    float: right;
    margin-top: 25px;
}

.bottom-form-sec ul{
    padding: 50px 0;
}
.bottom-form-sec ul li{
    padding: 10px 0;
}
.bottom-form-sec ul li i{
    color: #fbb202;
    font-size: 20px;
    /* margin-right: 15px; */
}
.bottom-form-sec ul li p{
    color: #fff;
    font-size: 22px;
    display: inline;
    margin-left: 30px;
}
.bottom-form-sec ul li a{
    display: block;
    color: #fff;
    margin-left: 50px;
    padding-top: 10px;
}

footer{
    background: #222;
    padding: 15px 0 5px;
}
footer .copyrights{}
footer .copyrights p{
    color: #666;
    padding-top: 6px;
}
footer .copyrights p a{
    color: #666;
    font-weight: 700;
}
footer .socail-icons{float: right;display: inline-block;}
footer .socail-icons li{
    display: inline;
    margin-left: 15px;
}
footer .socail-icons li a{color: #666} 
footer .socail-icons li a i{
    font-size: 25px;
}

/******************* servics pg ccss *********************/

.services-top-sec{
    padding: 60px 0;
}
.services-top-sec h1{
    font-size: 55px;
    color: #000;
    text-transform: capitalize;
    line-height: 1.1;
}
.services-top-sec h5{
    padding-top: 20px;
    font-weight: 400;   
    font-size: 25px;
    color: #000;
}
.services-top-sec p{
    font-size: 15px;
    padding: 10px 0;
}
.services-top-sec .top-btn{
    text-align: right;
    margin-top: 50px;
}
.services-top-sec .top-btn a{}
.services-top-sec ul{
    padding: 20px;
}
.services-top-sec ul li{
    color: #666;
    font-size: 15px;
    margin: 10px;
}
.services-top-sec ul li:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #666;
    margin-top: 9px;
    margin-left: -20px;
    }
.services-top-sec .scod-fold h4{
    color: #004ffe;
    font-size: 25px;
    border-bottom: 1px solid #004ffe;
    padding-bottom: 10px;
    width: 50%;
}
.services-top-sec .scod-fold h4:before{background-image: url(../images/heading-icon-blue.png);}
.services-top-sec .scod-fold h1{
    color: #000;
    font-weight: 300;
    padding: 30px 0;
    font-size: 2.5rem;
    width: 60%;
}
.services-top-sec .ser-desc{}
.services-top-sec .ser-desc li{
    width: 47%;
    display: inline-block;
}
.services-top-sec .ser-desc li:before{display: none;}
.services-top-sec .ser-desc li i{
    color: #004ffe;
    float: left;
    font-size: 25px;
    position: relative;
    top: 0;
    margin-right: 10px;
}
.services-top-sec .ser-desc li h2{
    font-weight: 300;
    font-size: 25px;
    padding: 0 0 10px 0;
}
.services-top-sec .ser-desc li p{
    padding: 0px 25px;
}

.services-top-sec .blue-area{
    padding: 20px 0;
}
.services-top-sec .blue-area h4{
    color: #004ffe;
    font-size: 25px;
    border-bottom: 1px solid #004ffe;
    padding-bottom: 10px;
    width: 75%;
}
.services-top-sec .blue-area h4:before{
    background-image: url(../images/heading-icon-blue.png);
}
.services-top-sec .blue-area h1{
    color: #000;
    font-weight: 300;
    padding: 30px 0;
    font-size: 2.5rem;
}
.services-top-sec .blue-area h1 span{
    font-weight: 700;
}
.services-top-sec .blue-area .box-wrap{
    padding: 15px;
}
.services-top-sec .blue-area .box-wrap i{
    color: #004ffe;
    float: left;
    font-size: 25px;
    position: relative;
    top: 0;
    margin-right: 10px;
}
.services-top-sec .ser-desc li i.golden{color: #ffb400}
.services-top-sec .blue-area .box-wrap h2{
    font-weight: 300;
    font-size: 25px;
    padding: 0 0 10px 0;
}
.services-top-sec .blue-area .box-wrap p{
    padding: 0px 25px;
}

.services-top-sec .golden-area{
    padding: 20px 0;
}
.services-top-sec .golden-area h4{
    color: #ffb400;
    font-size: 25px;
    border-bottom: 1px solid #feb300;
    padding-bottom: 10px;
    width: 75%;
}
.services-top-sec .golden-area h4:before{
    /*background-image: url(../images/heading-icon-heading-icon.png);*/
}
.services-top-sec .golden-area h1{
    color: #000;
    font-weight: 300;
    padding: 30px 0;
    font-size: 2.5rem;
}
.services-top-sec .golden-area h1 span{
    font-weight: 700;
}
.services-top-sec .golden-area .box-wrap{
    padding: 15px;
}
.services-top-sec .golden-area .box-wrap i{
    color: #ffb400;
    float: left;
    font-size: 25px;
    position: relative;
    top: 0;
    margin-right: 10px;
}
.services-top-sec .golden-area .box-wrap h2{
    font-weight: 300;
    font-size: 25px;
    padding: 0 0 10px 0;
}
.services-top-sec .golden-area .box-wrap p{
    padding: 0px 25px;
}

.services-pg .recent-sec{background:#ffb400 ;padding: 100px 0;}
.services-pg .recent-sec h4{color: #000;border-color: #000;}
.services-pg .recent-sec h4:before{background-image: url(../images/heading-icon-black.png);
width: 31px;height: 31px;}
.services-pg .recent-sec ul li{color: #000;}
.services-pg .recent-sec ul li:before{background: #000;}
.services-pg .recent-sec img.img-2
     {
    background-image: linear-gradient(135deg,#ffffff 30%,rgba(0,0,0,0) 30%);
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    margin-left: 0;
}

.services-pg .recent-sec .btn-wrap{top: 15px;}

.testimonial-sec-second{
    background-position: bottom center;
    background-image: radial-gradient(circle at bottom left,rgba(0,0,0,0) 0%,#000000 49%),url(../images/top-banner-bg.png)!important;
    background-color: #000000!important;
    padding: 80px 0;
    background-size: cover;
}
.testimonial-sec-second h4{
    color: #fbb201;
    font-size: 25px;
    border-bottom: 1px solid #f8b002;
    padding-bottom: 10px;
}
.testimonial-sec-second h4:before{}
.testimonial-sec-second .test-wrap{
    box-shadow: 0px 20px 100px 0px rgba(0,0,0,0.1);
    background: #292929d4;
    padding: 30px;
    margin: 40px 10px 10px 10px;
    height: 250px;
}
.testimonial-sec-second .test-wrap p{
    color: #fff;
    font-size: 15px;
}
.testimonial-sec-second .test-wrap h6{
    color: #fff;
    font-size: 18px;
}

.faqs-sec{
    background-image: radial-gradient(circle at bottom right,rgba(0,0,0,0) 0%,#000000 51%),url(../images/top-banner-bg.png)!important;
    background-color: #000000!important;
    background-position: 50%;
    background-size: cover;
    padding: 90px 0;
}
.faqs-sec h4{
    color: #fbb201;
    font-size: 25px;
    border-bottom: 1px solid #f8b002;
    padding-bottom: 10px;
}
.faqs-sec h4:before{}
.faqs-sec h1{
    color: #fff;
    padding: 20px 0;
    text-transform: capitalize;
}
.faqs-sec h1 span{
    font-weight: 700;
    display: block;
}
.faqs-sec .faq-wrap{
    padding: 20px;
}
.faqs-sec .faq-wrap span{
        font-size: 18px;
        color: #ffffff;
        background-color: #004ffe;
        border-color: #004ffe;
        float: left;
        margin-right: 20px;
        padding: 10px 20px;
        border-radius: 50%;
}
.faqs-sec .faq-wrap h2{
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
}
.faqs-sec .faq-wrap p{
    color: #fff;
    font-size: 15px;
    margin-left: 70px;
}

.portfolio-sec{
    background-size: initial;
    background-position: bottom center;
    background-image: linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,0.66) 100%),url(../images/banner-yellow.png)!important;
    padding: 60px 0;
}
.portfolio-sec h1{
    font-size: 50px;
    color: #000;
    padding: 20px 0 60px 0;font-weight: 400;
}
.portfolio-sec h1 span{display: block;font-weight: 700;}
.portfolio-sec .top-btn{    text-align: right;
    margin-top: 50px;}
.portfolio-sec h4{color: #004ffe;font-size: 25px;border-bottom: 1px solid #004ffe;padding-bottom: 10px;}
.portfolio-sec h4:before{
    background-image: url(../images/heading-icon-blue.png);
}
.portfolio-sec h2{
    color: #000;
    font-weight: 700;
    padding: 20px 0;
}
.portfolio-sec p{
    font-size: 15px;
    padding: 5px;
}
.portfolio-sec .img-wrap{
    padding-bottom: 40px;
}
.portfolio-sec .img-wrap img{
    background-image: linear-gradient(135deg,#004ffe 30%,rgba(0,0,0,0) 30%);
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    margin-left: 50px;
    width: 100%;
}
.portfolio-sec .img-wrap-2{ padding-bottom: 40px;}
.portfolio-sec .img-wrap-2 img{
    background-image: linear-gradient(45deg,#004ffe 30%,rgba(0,0,0,0) 30%);
    padding-bottom: 30px;
    padding-left: 30px;
    text-align: left;
    width: 80%;
    margin-left: 80px;
}
.portfolio-sec .img-wrap-3{ padding-bottom: 40px;}
.portfolio-sec .img-wrap-3 img{    
    background-image: linear-gradient(-45deg,#004ffe 30%,rgba(0,0,0,0) 30%);
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
     margin-left: 50px;
     width: 100%;
 }

.project-sec{padding: 30px 0;}
.project-sec h1{
    font-size: 50px;
    color: #000;
    padding: 20px  0;
    font-weight: 400;
    text-transform: capitalize;
}
.project-sec h1 span{display: block;font-weight: 700;}
.project-sec p{
    color: #666;
    font-size: 15px;
}
.project-sec ul{}
.project-sec ul li{
    color: #666;
    font-size: 16px;
    margin: 5px 0;
}
.project-sec ul li:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #666;
    margin-top: 9px;
    margin-left: -20px;
}

.project-des-sec{
    padding: 30px 0 150px 0;
    background-size: initial;
    background-position: bottom center;
    background-image: linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,0.66) 100%),url(../images/banner-yellow.png)!important;
}

.project-des-sec h4{
    color: #004ffe;
    font-size: 25px;
    border-bottom: 1px solid #004ffe;
    padding-bottom: 10px;
}
.project-des-sec h4:before{
    background-image: url(../images/heading-icon-blue.png);
}
.project-des-sec h2{
    font-weight: 300;
    padding: 20px 0;
    font-size: 40px;
}
.project-des-sec img.img-1{
        background-image: linear-gradient(45deg,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0) 30%);
    padding-bottom: 30px;
    padding-left: 30px;
    text-align: left;
    margin-left: 0;
}
.project-des-sec img.img-2{
        background-image: linear-gradient(135deg,#004ffe 30%,rgba(0,0,0,0) 30%);
        padding-top: 30px;
        padding-left: 30px;
        text-align: left;
        margin-left: 0;
        margin-bottom: 20px;
}
.project-des-sec p{
    color: #666;
    font-size: 15px;
    padding: 15px;
}
.project-des-sec  img.img-full{
    width: 100%;
    background-image: linear-gradient(-45deg,#000000 30%,rgba(0,0,0,0) 30%);
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    margin-left: 0;
}

.project-des-sec .btn-wrap{
    text-align: right;
    position: relative;
    float: right;
    left: 15px;
    top: 95px;
}

.about-pg .project-des-sec img{width: 100%;}
.about-pg .project-des-sec h2 span{font-weight: 700;color: #000;}
.about-pg .aboutus-sec .textbox{padding:0;}
.about-pg .aboutus-sec { padding: 8vw 0;}
.about-pg .aboutus-sec .btn-wrap{top: 55px}

.about-pg .testimonial-sec{
    background-image: linear-gradient(135deg,#000 80%,#ffb400 20%)!important;
    padding: 8vw 0;
    height: unset;
    margin-top: 0;
}
.about-pg .testimonial-sec h4{color: #ffb400;border-bottom: 1px solid #feb301;}
.about-pg .testimonial-sec h4:before{    background-image: url(../images/heading-icon.png);width: 25px;height: 25px;}
.about-pg .testimonial-sec .testi-box p{color: #fff;}
.about-pg .testimonial-sec .testi-box h6{color: #fff;}
.about-pg .testimonial-sec .testi-box{background-color: #262626db;}

.contact-sec-top{
    background-position: top;
    background-image: radial-gradient(circle at right,rgba(255,255,255,0) 0%,#ffffff 70%),url(../images/contactus-bg.png)!important;
    background-color: #fff;
    padding: 60px 0;
}
.contact-sec-top h1{
    font-size: 60px;
    color: #000;
    /* padding: 20px 0; */
    text-align: center;
}
.contact-sec-top p{
    color: #666;
    font-size: 15px;
    width: 70%;
    margin: auto;
    text-align: center;
    padding: 20px 0;
}
.contact-sec-top .info-wrap{
    text-align: center;
}
.contact-sec-top .info-wrap i{
    font-size: 18px;
    color: #ffffff;
    background-color: #004ffe;
    border-color: #004ffe;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    padding-top: 15px;
}
.contact-sec-top .info-wrap p{
    width: 100%;
    margin: 10px 0;
    color: #000;
    font-weight: 500;
    font-size: 20px;
    padding: 0;
}
.contact-sec-top .info-wrap a{
    color: #666;
    font-size: 15px;
}
.contact-sec-top .btn-wrap{
    text-align: right;
    position: relative;
    float: right;
    left: 15px;
    top: 150px;
}

.contact-pg-form{
    background-image: url(../images/banner-yellow.png);
    background-position: bottom center;
    background-size: cover;
    background-color: #ffb400!important;
    padding: 60px 0 0 0;
}
.contact-pg-form h4{
        color: #000;
    font-size: 25px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
.contact-pg-form h4:before{background-image: url(../images/heading-icon-black.png);width: 31px;height: 31px;top: -30px;}
.contact-pg-form h1{
    color: #12151f;
    font-weight: 300;
    padding: 30px 0;
}
.contact-pg-form h1 span{
    display: block;
    font-weight: 700;
}
.contact-pg-form form{}
.contact-pg-form form input{
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border-width: 0;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    padding: 16px;
    margin: 10px 0;
}
.contact-pg-form form textarea{
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border-width: 0;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    padding: 16px;
    margin: 10px 0;
}
.contact-pg-form form .btn-black{
    float: right;
    margin-top: 15px;
}

.contact-pg .faqs-sec .btn-wrap{
        text-align: right;
    position: relative;
    float: right;
    left: 15px;
    top: 25px;
}

.google-map{    filter: saturate(0%) contrast(84%) invert(100%);    margin-bottom: -6px;}
.google-map iframe{width: 100%;height: 600px;}

.services-img-sec{}
.services-img-sec h4{
    color: #ffb400;
    font-size: 25px;
    border-bottom: 1px solid #feb300;
    padding-bottom: 10px;
    
}
.services-img-sec h4:before{}
.services-img-sec h2{
    color: #000;
    font-weight: 300;
    padding: 30px 0;
    font-size: 2.5rem;
    text-transform: capitalize;
    }
.services-img-sec h2 span{  display: block;  color: #000;font-weight: 700;}
.services-img-sec p{    font-size: 15px;    padding: 0;}
.services-img-sec a{position: relative; top: 50px;}
.services-img-sec img{
    background-image: linear-gradient(135deg,rgba(0,0,0,0) 70%,#ffb400 70%);
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    margin-left: 0;
    width: 100%;
}

.servicepg .faqs-sec{
    padding: 60px 0 ;
    background-size: initial;
    background-position: bottom center;
    background-image: url(../images/banner-yellow.png)!important;
    background-color: #f4ae04!important;
}
.servicepg .faqs-sec h4{color: #000000;border-bottom: 1px solid #000000;}
.servicepg .faqs-sec h4:before{
    background-image: url(../images/heading-icon-black.png);
    width: 31px; height: 31px; top: -30px;}
.servicepg .faqs-sec h1{color: #000000;}
.servicepg .faqs-sec .faq-wrap span{background-color: #000000;border-color: #000000;}
.servicepg .faqs-sec .faq-wrap h2 {color: #000;}
.servicepg .faqs-sec .faq-wrap p {color: #000;}


.form-box-main {background: #ffffff;padding: 30px 0;/* border: 1px solid #e5e5e5; */}
.form-box-main h2 {/* padding: 0 0 25px 0; */text-align: left;font-size: 36px;width: 100%;font-weight: 700;line-height: 1.2;}

.form-box-main form {width: 90%;}
.form-box-main form .col-md-6, .form-box-main form .col-md-12 {padding-bottom: 30px;}
.form-box-main form label.field-txt {
 font-weight: 500;
 font-size: 18px;
 color: #111622;
 margin: 0 0 5px;
 width: 100%;
 display: block;
 }
.form-box-main form label.field-txt span {color: #ec1d23;}
.form-box-main form input[type="text"],
.form-box-main form input[type="email"],
.form-box-main form input[type="number"],
.form-box-main form input[type="tel"],
.form-box-main form textarea {width: 100%;margin: 0 0 0 0;border: 1px solid #111823;background: white;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 55px;border-radius: 8px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #111722;background: white;padding: 12px 15px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 8px;    -webkit-appearance: button !important;}
.form-box-main form select:focus{border-radius: 8px 8px 0px 0px;}
.form-box-main form select[name="ddlMonth"], .form-box-main form select[name="ddlDay"], 
.form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }
.form-box-main form select[name="ddlYear"] { margin: 0; }
.form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list {/* float:left; *//* margin:0 15px 0 0; */}
.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio   ]:not(old){width: 20px;margin:0;padding:0;opacity:0;cursor:pointer;position: relative;top: 24px;}
.form-box-main form input[type=checkbox]:not(old) + label, input[type=radio   ]:not(old) + label{
  display: inline-block;
  margin-left:-28px;
  padding-left: 28px;
  background:url('../images/checks.png') no-repeat 0 0;
  line-height  : 24px;
  font-weight: 500;
  font-size: 14px;
  color: #5B6B7F;
  }
.form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }

.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
     /* FF3.6-15 */
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    border:none;
    padding: 20px 60px;
    font-size: 16px;
    border-radius: 8px;
    cursor:  pointer;
}
.form-box-main form input[type="submit"]:after { content: "\e93a"; 
 font-family: 'icomoon' !important;  font-size: 13px; color: white; padding-left: 10px; }
.form-box-main form input[type="submit"]:hover {
    display: inline-block;
    color: #fff;
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


.form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form input:-moz-placeholder { color: gray; }
.form-box-main form input::-moz-placeholder { color: gray; }
.form-box-main form input:-ms-input-placeholder { color: gray; }
.form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form textarea:-moz-placeholder { color: gray; }
.form-box-main form textarea::-moz-placeholder { color: gray; }
.form-box-main form textarea:-ms-input-placeholder { color: gray; }
.form-box-main form input:focus, .form-box-main form textarea:focus,
.form-box-main form select:focus, .form-box-main form option:focus,
.selected-flag
{ outline: none; }
 input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.form-box-main form .intl-tel-input { width: 100%; }
.form-box-main form .intl-tel-input .country-list { width: 380px; }
.form-box-main form .intl-tel-input .country-list .country { font-size:13px; }


.form-box-main form label.error, label.error {
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: red;
  font-style: italic;
  margin-bottom:0px;
  display: none !important;
}
div.error { display: none; }
input.checkbox { border: none }
input.error {border: 1px solid red !important;}
form.cmxform .gray * { color: gray; }

.belowform{
    padding: 60px 0;
    background: #fff;
}
.belowform p{
    margin: auto;
    color: #000;
    font-size: 15px;
    font-family: Poppins,sans-serif;
}
.belowform h2.headingicon{
    color: #12151f;
    font-size: 30px;
    font-weight: 300;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.belowform h2.headingicon:before{
    background-image: url(../images/heading-icon.png);
    
    top: -30px;
}
.belowform button.btn-yellow{float: right; margin-top: 30px; }
.belowform figure{}
.belowform figure img{ width: 100%;}

/* footer 
------------------------------------*/
.footer-main {background: #282828;}
.footer-top {padding: 40px 0 0;}
.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}
.address-main {}
.address-main ul {width:100%;display: inline-block;margin: 10px 0;}
.address-main ul li{display: inline-block;line-height:28px;font-size:14px;padding: 0 0 8px 18px;position: relative;color:white;}
.address-main ul li a { color:white;}
.address-main ul li a:hover { color:#c2c2c2;}
.address-main ul li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.ftr-social {text-align: center;display: table;margin: 0 auto;}
.ftr-social li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social li a { display: block; padding: 0; text-align: center; }
.ftr-social li a span {color: #cbd6e2;font-size: 14px;margin: 0;}
.ftr-social li a:hover span {color: #fff !important;}
.ftr-social li a:hover span.icon-facebook {color:#3b5998;}
.ftr-social li a:hover span.icon-twitter {color:#1da1f2;}
.ftr-social li a:hover span.icon-google-plus {color:#dd5044;}
.ftr-social li a:hover span.icon-linkedin {color:#007bb6;}
.ftr-social li a:hover span.icon-youtube-play {color:#c4302b;}
.ftr-social li a:hover span.icon-pinterest-p{color: #C92228;}
.ftr-social li a:hover span.icon-instagram{color: #fb3958;}
.ftr-social li a:hover span.icon-vimeo{color: #4EBBFF;}
.ftr-social li a:hover span.icon-medium{color: #347235;}








.ftr-social2 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social2 li { float: left; margin: 0 10px 0 0; position: relative; text-align: center; }
.ftr-social2 li a { display: block; padding: 0; text-align: center; }
.ftr-social2 li a span { background:#3b5998; width:30px; height:30px; line-height:30px; border-radius: 50%; color: white; font-size: 15px; margin: 0; display: block; }
.ftr-social2 li a:hover span { color: white; }
.ftr-social2 li a span.icon-facebook {background:#3b5998;}
.ftr-social2 li a span.icon-twitter {background:#1da1f2;}
.ftr-social2 li a span.icon-google-plus {background:#dd5044;}
.ftr-social2 li a span.icon-linkedin {background:#007bb6;}
.ftr-social2 li a span.icon-youtube-play {background:#c4302b;}

.ftr-social3 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social3 li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social3 li a { display: block; padding: 0; text-align: center; }
.ftr-social3 li a span { color: white; font-size: 25px; margin: 0; }
.ftr-social3 li a:hover span { color: lightgray; }


.footer-nav {text-align:  right;list-style-type: none;margin: 12px 0 20px;width: 100%;display: inline-block;}
.footer-nav li {/* padding: 0 0 5px 15px; */margin-right: 20px;position: relative;display: inline-block;}
.footer-nav li:before {position: absolute;font-family: 'icomoon' !important;left: 0px;top: 3px;font-size: 13px;color: var(--primary-color);}
.footer-nav li a {font-size: 12px;font-weight: 400;color: white;}
.footer-nav li a:hover { color: #c2c2c2; }
.subscribe-main {margin: 30px 15px 10px;width: 100%;float: right;text-align:  right;display:inline-block;}
.subscribe-main input[type='text']{background: white;border: 0;border-radius: 5px 0 0 5px;color: #9d9d9d;padding:10px;font-size: 14px;font-weight: 300;float: left;height: 30px;line-height: 30px;width: 65%;}
.subscribe-main input[type='submit']{background: #20CB98;border:0px;color:white;border-radius: 0px 5px 5px 0;padding: 0;font-size: 14px;font-weight: bold;text-transform: capitalize;cursor:pointer;float: left;height: 30px;width: 35%;}
.subscribe-main input[type='submit']:hover{background: #23bb8f;}
.subscribe-main input::-webkit-input-placeholder {color: #9d9d9d; opacity: 1 !important; }
.subscribe-main input:-moz-placeholder {color: #9d9d9d; }
.subscribe-main input::-moz-placeholder {color: #9d9d9d; }
.subscribe-main input:-ms-input-placeholder {color: #9d9d9d;}
.footer-bottom {background: #282828;padding: 30px 0;}
.footer-nav2 { list-style-type: none;; margin: 10px 0 10px 0; float: right;  }
.footer-nav2 li { float: left; padding: 0 12px; position: relative; }
.footer-nav2 li:first-child { padding-left:0px;}
.footer-nav2 li:before { position: absolute; content: ""; width: 1px; height: 13px; background: white; left: 0px; top: 30%; }
.footer-nav2 li:first-child:before { display: none; }
.footer-nav2 li a {font-size: 13px;font-weight: 400;color: #ffffff;}
.footer-nav2 li a:hover {color: #fff;}
.copyright {padding: 10px 0 0px 0;margin: 0px;font-size: 12px;color: #ffffff;}
.copyright span {color: #ffffff;}
.disclaimer-area { background: black; padding: 10px 0; }
.disclaimer { font-size: 11px; font-weight: 400; color: white; line-height: 18px; margin: 0; padding: 10px 0; }
.disclaimer strong { color: var(--primary-color); font-weight: 500; }


#footer>.container>.row { padding: 60px 0 }
#footer>.container>.row~.row { padding: 0 }
footer .social-full { border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06) }

.footer-top{}
.footer-top h3{
    color: #fff;
    font-size: 22px;
    line-height: 1;
    padding-bottom: 10px;
}
.footer-top .linkinglist{
    display: inline-block;
    margin-bottom: 0;
}


.footer-top ul.scalmdia {padding: 5px 0 0 0;}
.footer-top ul.scalmdia li{display: inline-block;margin: 0 10px 0 0;}
.footer-top ul.scalmdia li a{color: #ffffff;font-size: 16px;font-weight: 600;}
.footer-top ul.scalmdia li a:hover {color:#fff;}
.footer-top ul.scalmdia li a i{}


.footer-top .linkinglist li{padding: 5px 0;color: #fff;
    font-size: 15px;}
.footer-top .linkinglist li a{
    color: #ffffff;
    font-size: 15px;
}

.footer-top .socialmid{
    /* border-bottom: 1px solid #7c98b6; */
    margin: 0px auto 0;
    padding-bottom: 30px;
}

.footer-bottom .fologo{
    width: 200px;
    margin-bottom: 20px;
}
.footer-bottom .fologo a{color:#fff;font-size: 20px;} 
.footer-bottom .fologo img{width: 70%;}

.iconswrap{text-align: center; width: 100%; padding: 20px 0 30px; border-bottom: 1px solid #424242; }
.iconswrap .mycenter{margin-bottom: 20px; }
.iconswrap .mycenter .topajencies{margin-bottom: 0; /* text-align: center; */ }
.iconswrap .mycenter .topajencies li{display: inline-block;margin: 0;}
.iconswrap .mycenter .topajencies li figure{margin-bottom: 0;}
.iconswrap .mycenter .topajencies li figure img{height: 60px;margin-left: 5px;}


.iconswrap .footer-img{/* text-align: center; */ }
.iconswrap .footer-img figure{margin-bottom: 0; }
.iconswrap .footer-img figure img{/* height: 40px; */ }


.quality {
    text-align: center;
}
.quality-img {
    font-size: 70px;
    color: #16a085;
}
section.qualities{
    padding: 90px 0;
    border-bottom: 1px solid #f1f1f1;
    background: #f7f7f7;
}
section.qualities .quality-img img {width: 100%;}
section.qualities .quality-img {
    text-align: center;
    padding: 0px 0px;
    /* width: 70px; */
    display: inline-block;
}
.quality h4 {
    line-height: 1.1;
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    padding-bottom: 0;
}
.quality h3 {font-size: 40px;padding: 0;}
section.qualities p{
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 25px;
    WIDTH:85%;
    margin:auto;
}
.has-border {
    border-right: 1px solid transparent;
}
.icon-Constant-Client-Coordination{
     background-image: url(../images/logos/logodesignhub.svg);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
     
}
.icon-Customer-Satisfaction{
     background-image: url(../images/logos/logo.png);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}
.icon-Ownership-Rights{
     background-image: url(../images/logos/videoanimationhub.svg);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 50px;
     display: inline-block;
}
.icon-Secure-Money-Back-Guarantee{
     background-image: url(../images/logos/logo-terminal-logo.webp);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 135px;
     height: 60px;
     display: inline-block;
}
.icon-Industry-Proven-Professionals {
     background-image: url(../images/logos/webprohub.svg);
     background-repeat: no-repeat; 
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}
.icon-desssign-eternal{
    background-image: url(../images/eternal.png);
     background-repeat: no-repeat; 
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}
.icon-design-galaxy{
    background-image: url(../images/galaxy.webp);
     background-repeat: no-repeat; 
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}
.icon-Customer-Satisfaction1{
     background-image: url(../images/logos/logo.png);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}

.icon-Customer-Satisfaction2{
     background-image: url(../images/logos/dt_logo.png);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}

.icon-Customer-Satisfaction3{
     background-image: url(../images/logos/logo-dark.svg);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}



.icon-Customer-Satisfaction20{
     background-image: url(../images/logos/dt_logo.png);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}


.icon-Customer-Satisfaction30{
     background-image: url(../images/logos/logo-dark.svg);
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: center;
     width: 150px;
     height: 60px;
     display: inline-block;
}





.partner-logo .slick-prev, .partner-logo .slick-next{
    top: 35.5%;
}

.slick-dots li button:before{    background: #ffb400}

.slick-next::before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
}
.slick-prev::before {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
}
.slider .slick-next::before, .slider .slick-prev::before{color: #000;font-size: 50px;}
.hompg .slick-next::before, .hompg .slick-prev::before{color: #000;}

.get-custome .form-box-main{width:70%;margin:auto;}

.portfolio-pg section.qualities {
     padding: 0px; 
     border-bottom: 1px solid #f1f1f1; 
     background: unset; 
}

.hompg .homex{background:#fff;opacity :65%;padding: 0;}

.portfolio-pg .client-logo{opacity:unset;}

.client-logo{background:#fff;text-align: center;
    padding: 30px 0;
    opacity :65%;}
.client-logo ul{display: block;
    margin: 0 auto;
    text-align: center;}
.client-logo ul li{display:inline-block;width:20%;}
.client-logo ul li img{width:65%;display: block;
    margin: 0 auto;
    text-align: center;}



/*================BLINK-POPUP-START===============*/
.main-heading {font-weight: 600; font-size: 40px; line-height: 1.1; color: #141315; padding-bottom: 5px; text-align: center; }
.book-call-ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
.book-call-ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.81);z-index:9999;}
.inp-dsleb{position:relative;}
.inp-dsleb:after{position:absolute;content:"";top:0px;left:0px;width:100%;background-color:rgba(0, 0, 0, 0.08);height:100%;border-radius:6px;}
.book-call-ys-container.visible, .book-call-ys-layer.visible{display:block;}
.book-call-ys-box{background-color:#fff;width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border-radius:20px 20px 20px 20px;transition:height .2s ease-in-out;}
.crossbtn{float:right;font-size:30px;border:2px solid #000;padding:2px 7px;border-radius:3px;color:#212529;}
.crossbtn:hover{color:#212529;}
.book-call-ys-popup-close{position:absolute;color: #283fb7;text-align:center;font-size:18px;text-decoration:none;display:block;right:10px;top:10px;font-weight:700;padding:3px 9px;line-height:initial;border-radius:100%;}
.book-call-ys-container.finished .book-call-ys-popup-close{width:30px;height:30px;text-indent:0;}
.book-call-ys-popup-content{display:none;padding:20px 40px;background:#fff;border-radius:3px;}
.book-call-ys-container.finished .book-call-ys-popup-content{display:block;}
.book-call-ys-popup-close:hover{text-decoration:none;color:#000019;}
.book-call-ys-box{height:auto;width:572px !important;background:#f3c06a;padding:0;background-size:cover;}
.book-call-ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.book-call-popupform h2 span{padding: 0 0 5PX 0;}
.book-call-popupform p{color:#000019;padding:0 0 25px 0;font-size:14px;line-height: 1.2;}
.book-call-popupform form p{color: #000019; font-size: 16px; font-weight: 700; margin: 0; padding: 20px 0 20px 0; text-align: center; }
.book-call-popupform form p span{color:#0c71f4;}
p.small{font-size:14px;color:#000;text-align:center;display:block;}
.book-call-popupform form{font-size:0;}
.book-call-popupform form .fldst{margin:0 0 20px;display:block;width:100%;}
.book-call-popupform form .fldst.sndus{margin:0 0 15px 0;}
.book-call-popupform span.heading{font-size:30px;font-weight:500;text-align:center;display:block;}
.book-call-popupform figure{-webkit-animation:ripple 0.9s linear infinite;animation:ripple 0.9s linear infinite;width:50px;height:50px;border-radius:100%;display:block;margin:-40px auto 30px;border:solid 1px #ededed;background:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.book-call-popupform form .fldst .intl-tel-input{width:79%;margin-bottom:15px;display: inline-block;}
.book-call-popupform form .fldst.btnattach button{position:relative;bottom:0;border:0;display:block;right:0;background:#59bad3;width:100%;height:50px;border-radius:4px;cursor:pointer;font-size:16px;color:#fff;}
.book-call-popupform form .callus{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */background: #004ffe; /* Old browsers */background: -moz-linear-gradient(-45deg,  #2a3db6 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #2a3db6 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #2a3db6 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */height: 55px;border-top:3px solid transparent;font-size: 18px;color:#fff;line-height:33px;padding: 8px 20px;outline:none;cursor:pointer;border-radius:3px;display:block;text-align:center;}
.book-call-popupform form .callus i{margin:0 0 0 15px;}
.book-call-popupform form .lst-p{text-align:center;padding:0px 0px 15px;}
.book-call-popupform form .lst-p a{font-weight:700;color: #283fb7;}
.book-call-popupform form .lst-p a:hover{color:#000019;}
.book-call-popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color: #535353;;font-size:16px;border-radius:3px;height:55px;font-weight:400;outline:none !important;margin:0 0 0px 0;}
.book-call-popupform form .newbtn{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */background: #004ffe; /* Old browsers */background: -moz-linear-gradient(-45deg,  #2a3db6 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #2a3db6 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #2a3db6 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */height: 55px;width: 100px;color: #fff;display: inline-block;vertical-align: top;border-radius: 0px 3px 3px 0px;cursor: pointer;border: 1px solid #cbcbcb;border-left: 0;font-size: 16px;font-weight: bold;} 
.book-call-popupform #phone-coun{border-radius: 3px 0px 0px 3px;}
.fldst-two{width:50%;display:inline-block;padding:0px 5px 0px 0px;}
.fldst-two.last{padding: 0px 4px 0px 5px;}
.flagimg-exit{width:20px;margin-left:10px;margin-right:2px;}
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*================BLINK-POPUP-END===============*/
/********** Responsive **********/
@media only screen and (min-width: 768px) {

/*** theme sections padding ***/
.sec-padding-100 { padding:50px 0;}
.sec-padding-90 { padding:45px 0;}
.sec-padding-80 { padding:40px 0;}
.sec-padding-70 { padding:35px 0;}
.sec-padding-60 { padding:30px 0;}
.sec-padding-xlarge { padding:25px 0; }
.sec-padding-large { padding:20px 0; }
.sec-padding-medium { padding:15px 0; }
.sec-padding-small { padding:15px 0; }
.sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:50px 0;}
.sec-margin-90 { margin:45px 0;}
.sec-margin-80 { margin:40px 0;}
.sec-margin-70 { margin:35px 0;}
.sec-margin-60 { margin:30px 0;}
.sec-margin-xlarge { margin:25px 0; }
.sec-margin-large { margin:20px 0; }
.sec-margin-medium { margin:15px 0; }
.sec-margin-small { margin:15px 0; }
.sec-margin-xsmall { margin:10px 0; }
h2, .h2{font-size: var(--font-size-h2);}

}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1024px) {
    .footer-top .linkinglist li a{    font-size: 12px;}
    .footer-top .linkinglist li{width:100%;}
    .footer-top .linkinglist{width:100%;}
}
@media only screen and (max-width: 375px){
    .hompg .slick-next::before, .hompg .slick-prev::before{display:none;}
    .iconswrap .footer-img figure img{    width: 300px;}
    .testimonial-sec .slick-prev, .slick-next{    display: none !important;}
    .home-banner-content h1{    font-size: 42px;}
    .home-banner-content .btn-wrap a{    font-size: 14px;}
    .services-sec h1{    font-size: 26px;}
    .services-sec p{    font-size: 14px;}
    .services-sec .box-wrap h2{    font-size: 22px;}
    .btn-blue{    font-size: 14px;}
    .aboutus-sec .textbox h1{ font-size: 42px;width: 100%;}
    .aboutus-sec p{    font-size: 14px;width: 100%;    padding-bottom: 80px;}
    .btn-black{    font-size: 14px;}
    .recent-sec ul li{    width: 100%;}
    section.qualities p{    font-size: 16px;}
    .iconswrap .mycenter .topajencies li figure img{    width: 60px;}
    .home-banner-content{    padding-top: 30%}
    
}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 767px) {}
@media (min-width: 1600px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 769px) and (min-width: 0px)   {
    .mobile-nav-btn{z-index: 999 !important;    top: 24px;}
    .mobile-nav-btn span{    width: 52px !important;    background-color: #133698;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    width: 42px !important;    background-color: #004ffe !important;}
}
@media only screen and (max-width: 414)   {
   .testimonial-sec .slick-next::before{display: none !important;}
  .recent-sec .slider .slick-next::before, .slider .slick-prev::before{display: none !important;}
}
/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {
  color:#5B6B7F; 
  background-color:#fff; 
}

@media not all and (min-resolution:.001dpcm) { @media
{
    .safari_only { 
        color:#5B6B7F; 
        background-color:#fff; 
    }
}}
/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .safari_only { 
        color:#5B6B7F; 
        background-color:#fff;
    }
}}